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

Dan*_*rps 21 css sass angular-cli angular angular6

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

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

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

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

Dan*_*rps 56

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

通过Angular CLI:

ng config schematics.@schematics/angular:component.styleext scss
Run Code Online (Sandbox Code Playgroud)

直接在angular.json:

"schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
}
Run Code Online (Sandbox Code Playgroud)

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