我刚刚使用新的Angular CLI 6.0创建了一个新的Angular项目,但是我需要将Sass编译添加到我的项目中。我知道您可以在创建项目时设置标志,但是我的项目已经创建并且工作已经完成。
通过新的Angular CLI生成的新配置文件现在称为angular.json
而不是angular-cli.json
。文件的方案也有所不同,具有新的属性。
在旧的版本中angular-cli.json
,您可以设置stylExt
类似的内容,
"defaults": {
"styleExt": "scss"
}
但我不确定确切将其放置在何处,如"test"
和"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的文档,我看不到任何指示放置位置的信息"styleExt"
。
我还看到了其他一些建议:ng set defaults.styleExt scss
抛出get/set have been deprecated in favor of the config command.
。
我尝试过ng config set defaults.styleExt scss
,npm config set defaults.styleExt scss
前者抛出一个错误,而后者显然对文件没有影响,但是没有错误。
完全按照Smokey Dawson的评论,
以上是结果。因此,在您的应用中,在键下
schematics
,添加一个键@schematics/angular:component
,并将键styleext
设置为scss
。这应该应用于
angular.json
项目根目录中的文件。