如何在Angular CLI6: angular.json中添加Sass编译？
我刚刚使用新的Angular CLI6.0创建了一个新的Angular项目，但我需要将Sass编译添加到我的项目中。我知道您可以在创建项目时设置标志，但我的项目已经创建并且工作已经完成。
使用新的Angular CLI生成的新配置文件现在称为angular.json，而不是angular-cli.json。该文件的方案也不同，具有新的属性。
在旧的angular-cli.json中有一个部分，您可以这样设置stylExt，
"defaults": {
"styleExt": "scss"
}但是我不确定该把它放在哪里，因为在"test"和"lint"属性之后，给出了一个lint错误：
Matches multiple schemas when only one must validate.
而构建则会产生：
Schema validation failed with the following errors: Data path "['defaults']" should NOT have additional properties(styleExt).
查看CLI's docs，我没有看到任何可以指示将"styleExt"放在哪里的东西。
我已经看到了其他的建议:抛出get/set have been deprecated in favor of the config command.的ng set defaults.styleExt scss。
我尝试了ng config set defaults.styleExt scss和npm config set defaults.styleExt scss，前者抛出一个错误，后者显然对文件没有影响，但没有错误。
回答 1
Stack Overflow用户
发布于 2018-05-07 08:58:23
就像Smokey Dawson commented做的那样，
"projects": {
"angular-app": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
},
"architect": {...}
}
}以上就是结果。因此，在您的应用程序中的key schematics下，添加一个key @schematics/angular:component，并将key styleext设置为scss。
这应该应用于项目根目录中的angular.json文件。
https://stackoverflow.com/questions/50165010
复制相似问题