如何使用PHPStorm IDE中的SCSS文件觀察器來縮小CSS

有沒有一種方法可以配置SASS FileWatcher，以便構建Minified CSS？如何使用PHPStorm IDE中的SCSS文件觀察器來縮小CSS

我目前配置了SASS + YUI Compressor來完成這個任務，但是我想在純SASS的情況下做到這一點，如果可能的話。

這裏有兩種配置的屏幕截圖：提前

感謝。

2013-07-31 achucuan

你是否檢查過命令行參數？ SASS編譯器（scss.bat）支持'--style compressed'選項，這將產生**非常緊湊/壓縮**輸出 - http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html# output_style。如果你願意的話 - 你可以使用YUICompressor再次處理它（可能*獲得更多的優化）。 **或者**創建一個.BAT/.CMD文件，它將首先編譯sass代碼，然後通過YUIC（總共2行）運行它，並將其用於File Watcher而不是實際的SASS編譯器。 – LazyOne

@LazyOne這應該是一個答案。 :) – KatieK

可能最快的方法是使用前面評論中提到的壓縮選項作爲參數。在PHPStorm配置最快的方法如下：

轉到File > Settings
內Project Settings選擇File Watchers
你應該已經在這裏創建了一個SCSS守望者（如果你啓用了SCSS手錶插件， PHPStorm會提示您在打開新的.scss文件時創建一個觀察器。）否則，啓用它（有關official documentation這一部分的更多信息，），然後按「+」符號創建新觀察器。
雙擊觀察者名稱以訪問其配置。
在Arguments線一定要加--style compressed參數
點擊OK，大功告成

此圖片顯示該配置應該是什麼樣子：

Compressed SCSS settings in PHPStorm

從這指向，你的.css輸出文件將被壓縮。

來源

2014-03-02 18:28:38

這裏是完整的參數： --no-cache -style compressed --update $ FileName $：$ FileNameWithoutExtension $ .min.css – achucuan

如何使用PHPStorm IDE中的SCSS文件觀察器來縮小CSS

回答

相關問題