如何在Angular CLI 6中添加Sass编译:angular.json?

前端之家收集整理的这篇文章主要介绍了如何在Angular CLI 6中添加Sass编译:angular.json?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚使用新的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的评论
"projects": {
  "angular-app": {
    "root": "","sourceRoot": "src","projectType": "application","prefix": "app","schematics": {
      "@schematics/angular:component": {
        "styleext": "scss"
      }
    },"architect": {...}
  }
}

以上是结果。
所以在你的应用程序中,在关键原理图下,
添加一个键@ schematics / angular:component
将关键样式文本设置为scss。

这应该应用于项目根目录中的angular.json文件

猜你在找的Angularjs相关文章