「續集」Sass簡易指南：多風格編譯和運行以及文件註釋

1.使用Compass建立工程

通常狀況下能夠在編輯器中直接建立Sass或者Scss文件。若是項目比較複雜那麼咱們能夠使用Compass建立工程，命令以下:

compass create

這樣建立出的項目會自帶幾個文件夾：

sass文件夾存放sass文件或scss文件，stylesheets存放css文件，config.rb是設置文件，後面會有介紹。

同時，能夠帶參數建立：

compass create --bare --sass-dir "sass" --css-dir "css" --images-dir "img" --javascripts-dir "js"

很明顯其中的各個參數是分別設置 sass文件、css文件、圖片文件和js文件的保存路徑。

config.rb文件是設置文件，內容以下：

能夠分別修改配置參數以便修改保存目錄。

2.使用sass命令編譯生成css文件

編譯單個文件

sass <sass file> <css file> --style [nested|expanded|compact|compressed]

編譯監視單個文件

sass --watch <sass file>:<css file>

編譯監視文件夾

sass --watch <sass folder>:<css folder>

3.使用compass命令編譯生成css文件

compass compile

此命令只會編譯有變化的Sass文件，若是要強制編譯全部的Sass文件，能夠使用：

compass compile --force

監視文件夾:

compass watch

4.編譯的四種風格

無論是sass方式編譯仍是compass方式編譯，均可以設置所生成的css文件的代碼風格。

操做方式是在命令行中添加 --style 參數 ，參數的取值能夠是 nested、expanded、compact 和 compressed四種，分別以下:

nested

expanded

compact 單行

compressed 壓縮

5. Sass文件中的註釋

單行註釋 //註釋

多行註釋 /*註釋*/

重要註釋 /*!xxx*/ 重要註釋，壓縮模式也會編譯到css文件。

中文註釋

註釋中若是有中文，編譯時會出錯。須要設置sass的字符集爲utf-8.

設置方式是修改engine.rb文件，在文件中添加以下內容

Encoding.default_external = Encoding.find('utf-8')

若有任何問題歡迎加羣523916260一塊兒交流學習，有經驗豐富的技術大牛坐鎮~

engine.rb文件路徑：

C:Ruby22-x64lib ubygems .2.0gemssass-3.4.15libsass