scss如何編譯成css？

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

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