Angular CLI 使用 SASS 生成库

Question

我有一个 Angular6 应用程序，我正在尝试为其创建一个库。我能够生成一个库项目，但是当我为库生成组件时，Angular CLI 正在使用 .css 文件创建它。

如何让它创建 .scss 文件？

以下是我用来创建项目的命令：

ng new example-app --style=scss
rename example-app example
cd example
ng generate library example --prefix=exam --style=scss
ng generate component test --project=example

ng generate library 命令的 --style=scss 选项没有效果，我的测试组件文件夹中仍然有 CSS 个文件。

Answer 1

您可以通过覆盖 angular.json 中项目的 schematics 来修复它，如下例所示：

"example": {
    "root": "projects/example",
    "sourceRoot": "projects/example/src",
    "projectType": "library",
    "prefix": "exam",
    "schematics": {
      "@schematics/angular:component": {
        "styleext": "scss"
      }
    },
 ....
}

或者您可以通过 angular-cli 设置此值，如下所示：

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

之后尝试生成组件，它应该有 scss 扩展名。

编辑（将 styleExt 替换为 style）：

根据这张已关闭的票证 https://github.com/ngrx/platform/issues/2248，新版本的 Angular CLI styleExt 已替换为 style - 我在两个使用 Angular anf Angular CLI 版本 8.

Angular CLI 使用 SASS 生成库

Angular CLI Generate Library with SASS

angular

angular-cli

angular-cli-v6