对于Angular 6， 请查看官方文档

注： 对于@angular/cli比旧版本6.0.0-beta.6使用ng set到位ng config。

对于现有项目

在现有的使用默认css样式设置的angular-cli项目中，您需要做一些事情：

1. 将默认样式扩展名更改为 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

1. 将现有.css文件重命名为.scss（即styles.css和app / app.component.css）

2. 指向CLI来找到styles.scss

手动更改apps[0].stylesangular.json中的文件扩展名

1. 指向组件以查找新样式文件

更改styleUrls组件中的以匹配新文件名

对于未来的项目

如@Serginho所述，您可以在运行ng new命令时设置样式扩展名

ng new your-project-name --style=scss

如果要为以后创建的所有项目设置默认值，请运行以下命令：

ng config --global defaults.styleExt=scss