[英]Angular CLI Generate Library with SASS
我有一个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 文件。
您可以通过在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
扩展名。
编辑(用style
替换styleExt
):
根据这张已关闭的票https://github.com/ngrx/platform/issues/2248 ,新版本的 Angular CLI styleExt
已被style
替换 - 我在两个使用 Angular anf Angular CLI 版本 8 的库中对其进行了测试。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.