TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個贊
對于Angular 6，請查看官方文檔
注：對于@angular/cli比舊版本6.0.0-beta.6使用ng set到位ng config。
對于現(xiàn)有項(xiàng)目
在現(xiàn)有的使用默認(rèn)css樣式設(shè)置的angular-cli項(xiàng)目中，您需要做一些事情：
將默認(rèn)樣式擴(kuò)展名更改為 scss
手動更改.angular-cli.json（Angular 5.x和更早版本）或angular.json（Angular 6+）或運(yùn)行：
ng config defaults.styleExt=scss
如果出現(xiàn)錯誤：請Value cannot be found.使用以下命令：
ng config diagrams。@ schematics / angular：component.styleext scss
（*來源：Angular CLI SASS選項(xiàng)）
將現(xiàn)有.css文件重命名為.scss（即styles.css和app / app.component.css）
指向CLI來找到styles.scss
手動更改apps[0].stylesangular.json中的文件擴(kuò)展名
指向組件以查找新樣式文件
更改styleUrls組件中的以匹配新文件名
對于未來的項(xiàng)目
如@Serginho所述，您可以在運(yùn)行ng new命令時設(shè)置樣式擴(kuò)展名
ng new your-project-name --style=scss
如果要為以后創(chuàng)建的所有項(xiàng)目設(shè)置默認(rèn)值，請運(yùn)行以下命令：
ng config --global defaults.styleExt=scss
TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個贊
從ng6開始，這可以通過angular.json在根級別添加以下代碼來完成：
手動更改.angular.json：
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個贊
打開angular.json文件
1.從
"schematics": {}
至
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}
從（在兩個地方）更改
"src/styles.css"
至
"src/styles.scss"
然后檢查并重命名所有.css文件，并從中更新component.ts文件的styleUrls.css to .scss
舉報(bào)