我刚刚使用新的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
,前者抛出一个错误,后者显然对文件没有影响,但没有错误。
发布于 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
复制相似问题