使用SCSS/Sass作为Angular6+(styleExt)中的默认样式表

显然,声明默认样式表扩展的方式从Angular 6开始改变了.该styleExt物业angular.json不再被承认.

对于新的项目,这可以通过在命令行选项来设置--style=scss的new命令.

但是,如何在我从Angular <5迁移的项目或者在项目创建期间忘记执行此操作时更改此项目？

这个问题与Angular第5版到第6版的重大变化有关.

1> Daniel Lerps..：

---

设置此位置的位置在angular.json.现在有两种方法可以设置此选项.

通过Angular CLI:

ng config schematics.@schematics/angular:component.styleext scss

直接在angular.json:

"schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
}

---

要使用全局`styles.scss`，您需要在angular.json中的其他地方更改引用。查看`projects.project-name.architect.build.styles`和`projects.project-name.test.styles`。将值更改为指向“ styles.scss”而不是“ styles.css”。对于已经创建的项目，不要忘记更改实际文件。