css - 在 Angular 6+ (styleExt) 中使用 scss 作为默认样式表

Question

显然声明默认样式表扩展的方式从 Angular 6 开始发生了变化。 angular.json 中的 styleExt 属性不再被识别。

对于新元素，这可以通过 new 命令的 CLI --style=scss 选项进行设置。

但是，对于我从 Angular <5 迁移的现有元素，或者如果您在元素创建期间忘记这样做，您如何更改此设置？

这个问题旨在与 Angular 5 到 6 版本的重大更改严格相关。

Answer 1

设置它的位置在 angular.json 中发生了变化。现在有两种方法可以设置此选项。

通过 Angular CLI:

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

直接在 angular.json 中:

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

Angular 9 更新:

请注意，从 Angular 9 开始，styleext 被重命名为 style。所以我们最终得到:

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

和

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