显然，声明默认样式表扩展的方式已从Angular 6开始改变。 <{1}}中的styleExt属性不再被识别。
对于新项目，可以使用angular-cli.json命令上的CLI --style=sass上的选项进行设置。
但是，如何更改此项以解除我从Angular＆lt; 5迁移的项目，或者如果您在项目创建期间忘记执行此操作？
这个问题与Angular第5版到第6版的重大修改有关。
答案 0 :(得分：50)
在new中更改了此设置的位置。现在有两种方法可以设置此选项。
通过Angular CLI：
angular.json直接在ng config schematics.@schematics/angular:component.styleext scss
：
angular.json答案 1 :(得分：0)
要将现有项目从css转到scss，请按照以下步骤操作：
在angular.json文件中
在build部分和test部分中，替换：
"styles": ["src/styles.css"],由"styles": ["src/styles.scss"],
替换：
"schematics": {},由"schematics": { "@schematics/angular:component": { "style": "scss" } },
使用
ng config schematics.@schematics/angular:component.styleext scss命令有效，但不会将配置放入 同一地方。
在您的项目中，将您的.css文件重命名为.scss