对于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
将现有
.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
