我刚刚使用新的Angular CLI 6.0创建了一个新的Angular项目，但我需要将Sass编译添加到我的项目中。我知道你可以在创建项目时设置一个标志，但我的项目已经创建并且已经完成了工作。
使用新Angular CLI生成的新配置文件现在称为angular.json而不是angular-cli.json。该文件的方案也有所不同，具有新属性。
在旧的angular-cli.json中有一个部分，你可以像这样设置stylExt，
"defaults": {
"styleExt": "scss"
}
但我不知道究竟要把它放在哪里，因为在“test”和“lint”属性之后，给出了一个lint错误：
只有一个必须验证时才匹配多个模式。
和建筑产品：
架构验证失败，并出现以下错误：
数据路径“[‘defaults’]”不应该有其他属性(styleExt)。
看看CLI’s docs，我没有看到任何可以指示放置“styleExt”的地方。
我已经看到其他答案建议：ng set defaults.styleExt scss哪个throwsget / set已被弃用，转而使用config命令。
我尝试了配置set defaults.styleExt scss和npm config设置defaults.styleExt scss，前者抛出错误，后者显然对文件没有影响，但没有错误。
完全按照Juvenile Snow的评论，
原文链接：https://www.f2er.com/angularjs/143900.html"projects": {
"angular-app": {
"root": "","sourceRoot": "src","projectType": "application","prefix": "app","schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
},"architect": {...}
}
}
以上是结果。
所以在你的应用程序中，在关键原理图下，
添加一个键@ schematics / angular：component
将关键样式文本设置为scss。
这应该应用于项目根目录中的angular.json文件。
