Sass的命令編譯

[Sass]命令編譯

命令編譯是指使用你電腦中的命令終端,經過輸入 Sass 指令來編譯 Sass。這種編譯方式是最直接也是最簡單的一種方式。由於只須要在你的命令終端輸入:css

單文件編譯:web

sass <要編譯的Sass文件路徑>/style.scss:<要輸出CSS文件路徑>/style.css

這是對一個單文件進行編譯,若是想對整個項目全部 Sass 文件編譯成 CSS 文件,能夠這樣操做:bootstrap

多文件編譯:sass

sass sass/:css/

上面的命令表示將項目中「sass」文件夾中全部「.scss」(「.sass」)文件編譯成「.css」文件,而且將這些 CSS 文件都放在項目中「css」文件夾中。編碼

缺點及解決方法:spa

在實際編譯過程當中,你會發現上面的命令,只能一次性編譯。每次個性保存「.scss」文件以後,都得從新執行一次這樣的命令。如此操做太麻煩,其實還有一種方法,就是在編譯 Sass 時,開啓「watch」功能,這樣只要你的代碼進行任保修改,都能自動監測到代碼的變化,而且給你直接編譯出來:code

sass --watch <要編譯的Sass文件路徑>/style.scss:<要輸出CSS文件路徑>/style.css

固然,使用 sass 命令編譯時,能夠帶不少的參數:orm

watch 舉例:blog

來看一個簡單的示例,假設我本地有一個項目,我要把項目中「bootstrap.scss」編譯出「bootstrap.css」文件,而且將編譯出來的文件放在「css」文件夾中,我就能夠在個人命令終端中執行:ip

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

一旦個人 bootstrap.scss 文件有任何修改,只要我從新保存了修改的文件,命令終端就能監測,並從新編譯出文件:

 

[Sass]常見的編譯錯誤

在編譯 Sass 代碼時經常會碰到一些錯誤,讓編譯失敗。這樣的錯誤有系統形成的也有人爲形成的,但大部分都是人爲過失引發編譯失敗。

而最爲常見的一個錯誤就是字符編譯引發的。在Sass的編譯的過程當中,是否是支持「GBK」編碼的。因此在建立 Sass 文件時,就須要將文件編碼設置爲「utf-8」。

另一個錯誤就是路徑中的中文字符引發的。建議在項目中文件命名或者文件目錄命名不要使用中文字符。而至於人爲失誤形成的編譯失敗,在編譯過程當中都會有具體的說明,你們能夠根據編譯器提供的錯誤信息進行對應的修改。

 

 


轉自慕課網

相關文章
相關標籤/搜索