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