Angular CLI使用SASS生成库

时间:2018-06-12 13:49:30

标签: angular angular-cli angular-cli-v6

我有一个 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

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

1 个答案:

答案 0 :(得分:15)

您可以通过覆盖schematics中项目的angular.json来修复此问题,如下例所示:

"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扩展名。