在創建項目後，角度CLI添加SASS

我有一個使用Angular CLI創建的Angular 4項目。在創建項目後，角度CLI添加SASS

我知道，當你正在使用的角度CLI您可以創建一個使用SASS這樣一個項目：

ng new ProjectName --style=sass

我的問題是：「我可以用角CLI後安裝SASS項目已經創建沒有它？「

2017-09-28 max2020

Possibl e [Angular CLI SASS選項]的副本（https://stackoverflow.com/questions/36220256/angular-cli-sass-options） –

你可以用ng set安裝node-sass

npm install node-sass --save-dev 

ng set defaults.styleExt scss

從這裏拍攝後設置爲風格：Angular CLI SASS options

2017-09-28 20:20:58 andrewgi

沒有理由運行'npm install node-sass --save-dev'作爲'node-sass'只是默認安裝的，並沒有在'package.json'文件中列出 – Kuncevic

您可以使用node-sass，通過運行以下命令來安裝它：

npm install node-sass --save-dev

然後，如果你想使用SASS語法，運行：

ng set defaults.styleExt sass

它應該做的伎倆。

2017-09-28 20:20:21

採用了棱角分明CLI - 只是做

ng set defaults.styleExt scss

所有的新組件將使用SCSS不是CSS。雖然如果你只是想開始使用SCSS - 將現有的.css文件改爲.scss文件將會起作用。相關的編譯器已經存在電池包括

2017-09-28 20:21:18

，如果你想手動也可以做這樣做，通過改變你的.angular-cli.json轉變作風css來SCSS角CLI配置文件

"defaults": { 
    "styleExt": "scss" 
    }

然後安裝node-scss編譯您SCSS文件

npm install node-sass --save-dev

2017-09-28 20:48:40

回答