利用npm實現scss的自動編譯

#npm實現scss自動編譯 利用npm中--watch開啓自動監測,只要ctrl+s自動保存並將scss文件轉譯爲css文件css

如下說一下使用步驟: ####1. 安裝node和npm ####2. 安裝rubynode

SASS是Ruby語言寫的,可是二者的語法沒有關係。不懂Ruby,照樣使用。只是必須先安裝Ruby,而後再安裝SASS。git

####3.安裝sassgithub

假定你已經安裝好了Ruby,接着在命令行輸入下面的命令:npm

gem install sass

####4.下面開始作實例,新建一個demo文件,文件內分別有scss文件夾和css文件夾,並在scss文件新建一個demo.scss文件 ####5.在demo目錄下右擊,選擇git bash here 彈出npm框 ####6.開始監測,在npm裏面輸入「sass --watch scss/demo.scss:css/demo.css」,回車,這是打開css文件,發現自動多了一個css文件json

sass --watch sass/demo.scss:css/demo.css

####7.這時不管在demo.scss文件內編寫,只要ctrl+s就會自動保存並在css文件內轉譯

也能夠結合Package.json 寫一下依賴及信息Package.json詳解sass

相關文章
相關標籤/搜索