มีวิธีการทำงานหรือไม่:
sass --watch a.scss:a.css
แต่a.css
ท้ายที่สุดก็ถูกย่อให้เล็กลง?
ฉันจะหลีกเลี่ยงการเรียกใช้ขั้นตอนการลดขนาดแยกต่างหากเมื่อฉันรวบรวมสไตล์ชีทของฉันได้อย่างไร
มีวิธีการทำงานหรือไม่:
sass --watch a.scss:a.css
แต่a.css
ท้ายที่สุดก็ถูกย่อให้เล็กลง?
ฉันจะหลีกเลี่ยงการเรียกใช้ขั้นตอนการลดขนาดแยกต่างหากเมื่อฉันรวบรวมสไตล์ชีทของฉันได้อย่างไร
คำตอบ:
sass --watch a.scss:a.css --style compressed
ศึกษาเอกสารประกอบสำหรับการปรับปรุง:
sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
หากคุณใช้โปรแกรมแก้ไขของJetBrainsเช่นIntelliJ IDEA , PhpStorm , WebStormเป็นต้นใช้การตั้งค่าต่อไปนี้ในการตั้งค่า> ตัวเฝ้าดูไฟล์
แปลงstyle.scss
เพื่อstyle.css
ตั้งค่าอาร์กิวเมนต์
--no-cache --update $FileName$:$FileNameWithoutExtension$.css
และเส้นทางออกเพื่อรีเฟรช
$FileNameWithoutExtension$.css
แปลงstyle.scss
เป็นบีบอัดstyle.min.css
ตั้งค่าอาร์กิวเมนต์
--no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed
และเส้นทางออกเพื่อรีเฟรช
$FileNameWithoutExtension$.min.css
หากคุณกำลังใช้เข็มทิศ:
compass watch --output-style compressed
minify compass output
ค้นหาของ Google ทำให้เกิดที่นี่
sass --watch a.css:a.min.css --style compressed --scss