2019獨角獸企業重金招聘Python工程師標準>>>

結合Webstorm和Compass，完成自動編譯Scss文件為css，做個簡單的記錄。

1 首先用?webstorm?打開創建的?compass?項目，然后依次選擇：

File->Settings->File Watchers

點擊右邊的加號，選擇?Compass SCSS?添加一個?watcher?：

2 在Program里面選擇?ruby?安裝路徑的?bin?下面的?compass.bat?，?Arguments目錄填入?compile $UnixSeparators($FilePath$)$?，Working directory填入?$UnixSeparators($FileParentDir$)$?，Output paths to refresh留空，保存之后就配置完成了。

默認編譯的css文件有注釋。生產環境需要壓縮后的css文件，需要使用--output-style compressed參數。

Compass只編譯發生變動的文件，如果你要重新編譯未變動的文件，需要使用--force參數。

我的設置看起來是這樣的：

如果你的項目不是在根目錄的話，?Working directory?配置為?$UnixSeparators($FileParentDir$)$?，或者就直接把?Working directory?配置為?$UnixSeparators($FileParentDir$)$?吧。

轉載于:https://my.oschina.net/liuyuantao/blog/801498

總結

以上是生活随笔為你收集整理的在Webstorm中配置Compass Watcher的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。