如何在Angular CLI 6中添加Sass编译：angular.json？

发布时间：2020-12-17 08:01:54 所属栏目：安全来源：网络整理

导读：我刚刚使用新的Angular CLI 6.0创建了一个新的Angular项目，但我需要将Sass编译添加到我的项目中。我知道你可以在创建项目时设置一个标志，但我的项目已经创建并且已经完成了工作。使用新Angular CLI生成的新配置文件现在称为angular.json而不是angular-cli

我刚刚使用新的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文件。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!