1
我是一個咕嚕咕嚕，但我只是知道如何使用grunt concat和uglify。現在我需要一些關於css縮小，grunt複製和liveload以及其他任務的幫助。如何使用grunt縮小css文件並將其編譯爲JS
現在我需要爲我的JS小部件構建一個UI系統，所以我正在考慮將變量添加到css文件中（如少一些）和編譯（用實際樣式替換變量）它變成真正的CSS。但我不能少用我的小部件，整體上是20k，LESS對它來說太大了。
我似乎需要使用grunt來做像mincss和i-dont-know這樣的東西來將它編譯成一個變量形狀的js文件。而且我需要LiveLoad以及其他更多功能來自動完成整個過程。
這是我想做的事：
的style.css：
.a{
width: $aWidth;
color: $aColor;
}
這是我想在CSS文件，這是不是一個真正的CSS實際上寫。
第一運行如下（我不知道是不是假的CSS可以精縮？）：style.min.css
.a{width: $aWidth;color: $aColor;}
然後將其編譯成一個css.js（剛加入「變種CSS =」，這就是我停止大部分）：
var css = ".a{width: $aWidth;color: $aColor;}";
我會盡我的js簡單正則表達式替換，使之真正的CSS，一個容易和簡單less.js. CONCAT它，我知道該怎麼辦......
複製concated文件widget.js到本地測試我的nginx的靜態文件的文件夾。（這種使用咕嚕副本？）上面
自動運行所有這些任務當我保存/更改style.css文件（這使用watch？或liveload？也許我需要兩組設置來觀看css或js）時刷新頁面。
這就是我所需要的，我相信這會對更多咕嚕的初學者有所幫助。 謝謝。
這聽起來像是您試圖將CascadingStyleSheet轉換爲JavaScript，但這真的很奇怪。我認爲你的意思是別的。 – Halcyon
有沒有其他方法可以在不使用LESS的情況下對變量使用css？ – zhangcx93
有SASS，它基本上與LESS相同。爲什麼不能準確使用LESS？您可以隨時在您的現場網站上爲已編譯的CSS提供服務。 – Halcyon