Angular CLI:从现有项目生成SASS项目

Question

我已经开始研究Angular CLI生成的项目,并意识到我忘记了--style=sass标志.有没有办法转换我的项目以使用Angular CLI启用SASS？

Answer 1

您可以在现有项目上设置默认样式

ng set defaults.styleExt scss

并在angular-cli.json文件中将style.css更改为style.scss

"apps":[{
  "styles":[
     "styles.scss"
   ]
}]

Answer 2

在Angular 6+中，如果执行ng config defaults.styleExt = scss 以下操作后收到控制台警告，是因为不再支持单破折号

Schema validation failed with the following errors:
 Data path "" should NOT have additional properties(defaults).

您可以运行以下命令来更改原理图

ng config schematics.@schematics/angular:component.styleext scss

您需要进行两次手动更改

Answer 3

在角度cli 6中已取消

ng set defaults.styleExt scss

你应该用这个

ng config defaults.styleExt = scss