为什么我的 Angular CLI 创建的是 CSS 而不是 SCSS 文件？

Question

在更新到Angular 9之前，我的项目被配置为ng generate在运行命令时使用 SCSS ，确实如此。

令我沮丧的是，ng g c在 Angular 9 上运行我的第一个之后，它添加了一个css文件而不是一个scss文件。

对此的公认答案似乎不再起作用。我的angular.json包括以下内容（就像过去两年一样）：

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

我该如何解决？

Answer 1

Say*_*V R 8

请尝试这样。

在 angular.json 中，在生成新组件时将下面的“schematics”设置为默认的 scss

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

Answer 2

我最近将 Angular CLI 升级到 v12 并生成了一个新项目。我选择为新组件生成 scss 文件。创建组件后，我看到正在生成 css 文件，而不是 scss 文件。我运行了以下命令，现在当我生成新组件时，将创建 scss 文件而不是 css。

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