Sass的編譯風(fēng)格并不單一，為了滿足不同工程師的編碼習(xí)慣和不同開發(fā)項(xiàng)目的實(shí)際需求，Sass人性化的提供四種不同編譯風(fēng)格。這篇文章將會列舉出這四種編譯方式，并介紹如何執(zhí)行相關(guān)的編譯命令。
1. 四種編譯風(fēng)格
（1） nested（嵌套縮進(jìn)、默認(rèn)風(fēng)格）
#main p {
color: #00ff00;
width: 97%; }
#main p .red {
background-color: #ff0000;
color: #000000; }
#main p .blue {
background-color: #2ebcff;
color: #878787; }
（2） expanded（展開、無縮進(jìn)）
#main p {
color: #00ff00;
width: 97%;
}
#main p .red {
background-color: #ff0000;
color: #000000;
}
#main p .blue {
background-color: #2ebcff;
color: #878787;
}
（3） compact（緊湊、單行）
#main p { color: #00ff00; width: 97%; }
#main p .red { background-color: #ff0000; color: #000000; }
#main p .blue { background-color: #2ebcff; color: #878787; }
（4） compressed（壓縮、無空格和換行）
#main p{color:#00ff00;width:97%}#main p .red{background-color:#ff0000;color:#000000}#main p .blue{background-color:#2ebcff;color:#878787}
2. 編譯命令
如何在編譯Sass的時(shí)候指定輸出風(fēng)格，有以下兩種方法：
（1）方法一
在cmd里通過cd命令進(jìn)入scss文件所在的路徑，輸入以下命令行，compressed可替換為其他編譯風(fēng)格，按需輸入。
Sass--style compressed test.scss test.css
（2）方法二
Sass--watch test.scss:test.css --style compressed
（3）兩種方法的區(qū)別
以上兩種命令行都能將Sass輸出為指定風(fēng)格，但不一樣的地方在于，前者僅僅改變當(dāng)次這次的編譯，如果源文件有所變動(dòng)需要再次編譯，就會恢復(fù)之前的編譯風(fēng)格。而后者則有監(jiān)聽的意思，以后源文件的所有變動(dòng)都會按設(shè)定的編譯風(fēng)格編譯。
