sass - ดูด้วยการลดขนาดอัตโนมัติ?


235

มีวิธีการทำงานหรือไม่:

sass --watch a.scss:a.css

แต่a.cssท้ายที่สุดก็ถูกย่อให้เล็กลง?

ฉันจะหลีกเลี่ยงการเรียกใช้ขั้นตอนการลดขนาดแยกต่างหากเมื่อฉันรวบรวมสไตล์ชีทของฉันได้อย่างไร

คำตอบ:


546
sass --watch a.scss:a.css --style compressed

ศึกษาเอกสารประกอบสำหรับการปรับปรุง:


42
นอกจากนี้คุณยังสามารถลดขนาด "ธรรมดา" CSS วิธีนี้:sass --watch a.css:a.min.css --style compressed --scss
sam

13
ลักษณะเอาต์พุตทั้งหมดแสดงรายการไว้ที่นี่ (ซ้อน, ขยาย, กะทัดรัดและบีบอัด)
allicarn

3
ฉันจะได้รับผลรวมของสไตล์เช่น; ฉันต้องการเอาต์พุตที่ถูกบีบอัดและขยายเช่นกัน ทำอย่างไร
Temp O'rary

3
วิธีนี้ใช้ได้ผลสำหรับฉันที่จะให้ sass สร้างทั้งไฟล์ css ที่ไม่ได้เป็นไฟล์ย่อและขนาดsass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
เล็ก

2
ดูเหมือนจะไม่ทำงานใน Sass เวอร์ชัน 3.5.4 ล่าสุดหรือไม่
The Chewy

22

หากคุณใช้โปรแกรมแก้ไขของJetBrainsเช่นIntelliJ IDEA , PhpStorm , WebStormเป็นต้นใช้การตั้งค่าต่อไปนี้ในการตั้งค่า> ตัวเฝ้าดูไฟล์ ป้อนคำอธิบายรูปภาพที่นี่

  1. แปลงstyle.scssเพื่อstyle.cssตั้งค่าอาร์กิวเมนต์

    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

    และเส้นทางออกเพื่อรีเฟรช

    $FileNameWithoutExtension$.css
  2. แปลงstyle.scssเป็นบีบอัดstyle.min.cssตั้งค่าอาร์กิวเมนต์

    --no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

    และเส้นทางออกเพื่อรีเฟรช

    $FileNameWithoutExtension$.min.css

15

หากคุณกำลังใช้เข็มทิศ:

compass watch --output-style compressed

12
นี่คือคำสั่งเข็มทิศและไม่เพียง แต่ sass คุณกำลังสมมติว่ามีการใช้เข็มทิศเมื่อไม่ได้ใช้งาน
Doyle Lewis

4
มันก็ใช้ได้กับฉันด้วยเช่นกันเพราะฉันใช้เข็มทิศแทนที่จะเป็นแค่คนเขิน
fedmich

3
ผู้ที่ให้ downvote เพียงเพราะรหัสนี้เป็นเข็มทิศควรคิดอีกครั้งถ้า downvote จำเป็นสำหรับเขาจริงๆ
fedmich

ทำไมผู้คนถึงลงคะแนนคำตอบนี้ นี่คือสิ่งที่ฉันกำลังค้นหาในตอนแรกและฉันค่อนข้างแน่ใจว่าฉันไม่ใช่คนเดียวเพราะการminify compass outputค้นหาของ Google ทำให้เกิดที่นี่
Kunok

@fedmich เพราะเข็มทิศไม่เคยถูกกล่าวถึงในคำถามดั้งเดิมและเนื่องจากคำตอบนี้ไม่มีคำอธิบายใด ๆ สิ่งที่คำสั่งจริงมันทำไม่ได้ประโยชน์ถ้าคุณไม่ใช้เข็มทิศ ฉันไม่ได้ลงคะแนน แต่ฉันเดาว่าเป็นเหตุผลและนี่จะเป็นคำตอบที่ดีอย่างสมบูรณ์หากมีคำอธิบายอย่างน้อยสองสามคำ
Matthias Seifert
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.