Scss是Sass3版本當中引入的新語法特性，完全兼容css3的同時繼承了Sass強大的動態功能。scss文件可以編譯為css文件，下面我們來看一下將scss編譯為css的方法。
我們可以使用node來將scss編譯為css。下面我們來看一下使用node將scss編譯為css的方法。
使用nodejs的npm包安裝sass
1、安裝sass
npm install sass
2、使用以下命令將scss編譯為css
sass style.scss style.css豌豆資源搜索網站https://55wd.com 廣州vi設計公司http://www.maiqicn.com
3、sass提供四種編譯選項
-
nested：嵌套縮進的css代碼，它是默認值。
-
expanded：沒有縮進的、擴展的css代碼。
-
compact：簡潔格式的css代碼。
-
compressed：壓縮后的css代碼。
生產環境當中，一般使用最后一種方法
sass --style compressed style.scss style.css也可以通過sass監聽某個文件或目錄，一旦原文件有變動，就會自動生成編譯后的版本
sass --watch sass/style.scss:css/style.css