Angular 使用SASS生成库
我有一个Angular6应用程序,我正试图为它创建一个库。我能够生成库项目,但当我为库生成组件时,Angular CLI正在使用.css文件创建它 如何让它创建.scss文件 以下是我用于创建项目的命令:Angular 使用SASS生成库,angular,angular-cli,angular-cli-v6,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
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
中覆盖项目的原理图来修复它,如下例所示:
"example": {
"root": "projects/example",
"sourceRoot": "projects/example/src",
"projectType": "library",
"prefix": "exam",
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
},
....
}
或者,您可以通过以下方式设置此值:
ng config schematics.@schematics/angular:component.styleext scss
在尝试生成组件之后,它应该具有scss
扩展名
编辑(将styleExt
替换为style
):
根据新版本Angular CLI的关闭通知单,已将styleExt
替换为style
——我在使用Angular和Angular CLI版本8的两个库中对其进行了测试