如何用gruntjs預編譯sass？

似乎有幾個插件......我使用webstorm文件觀察器也預編譯單個文件。如何用gruntjs預編譯sass？

我認爲這可能不是設置觀察者的最佳方式。

我現在運行此命令：

sass --no-cache --update --stop-on-error --trace ./app/sass:./app/css

這似乎與webstorm文件表，這似乎是追加一切base.css衝突。有人能告訴我，這個命令與webstorm中的sass filewatcher究竟做了什麼？

什麼是與上海社會科學院合作的最佳方式：

預編譯我的SASS爲CSS使用咕嚕生成任務
，並有文件觀察家同時發展？

我base.sass看起來是這樣的：

@charset "UTF-8"; 

/* DO NOT EDIT FILES IN ./css. See ./sass instead */ 

@import "page"; 
@import "modal"; 
@import "nav"; 
@import "tables"; 
@import "forms"; 
@import "message";

來源

2013-10-23 chovy

gruntjs文件在哪裏？你用什麼咕嚕叫？如果你想移動到grunt，你可以做一些很酷的事情，如果你可以在webstorm中禁用sass filewatcher。我只用Coffeescript，Sass和Bourbon來使用grunt .... – Norris

你的命令只是將編譯diretory ./app/sass所有文件CSS，並把產生的文件./app/css。默認的文件觀察器運行下面的命令：

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

即它需要當前文件（已被改變的一個）作爲輸入，並創建在相同的目錄中的一個的CSS。但是，由於您只有「跟蹤根文件」選項（默認設置），因此觀察者僅爲根文件創建css - 通過導入引用其他文件的那個文件。你可以關閉這個選項來改變當前的行爲並獲得爲其他文件生成的css。

來源

2013-10-23 15:50:01 lena

如何用gruntjs預編譯sass？

回答

相關問題