请查看官方文档
注: 对于@angular/cli
比旧版本6.0.0-beta.6
使用ng set
到位ng config
。
在现有的使用默认css
样式设置的angular-cli项目中,您需要做一些事情:
手动更改.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].styles
angular.json中的文件扩展名
更改styleUrls
组件中的以匹配新文件名
如@Serginho所述,您可以在运行ng new
命令时设置样式扩展名
ng new your-project-name --style=scss
如果要为以后创建的所有项目设置默认值,请运行以下命令:
ng config --global defaults.styleExt=scss