angular - Angular CLI 使用 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
命令上的--style=scss
选项ng generate library
没有效果,我的测试组件文件夹中仍然有 CSS 文件。
解决方案
您可以通过在下面的示例中覆盖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
扩展名。
编辑(替换styleExt
为style
):
根据这张已关闭的票https://github.com/ngrx/platform/issues/2248,新版本的 Angular CLIstyleExt
已被替换为style
- 我在两个使用 Angular anf Angular CLI 版本 8 的库中对其进行了测试。
推荐阅读
- python - 正则表达式从最后一个连字符中提取前 5 个数字+字符
- python - 使用 matplotlib 的 3D 动画来可视化移动的简笔画
- php - 将数组从 PHP 传递到 PowerShell
- javascript - AFrame 为每个对象更新 material.offset
- javascript - 我在会话中做错了什么?
- php - 如何随机化 json
- grpc-java - 错误:协议失败:google/protobuf/wrappers.proto:找不到文件。(Maven 构建中的错误)
- c# - 带有实体框架 dbcontext 的 Singleton 好吗?
- python - 检查 Dataframe 是否为空并打印结果
- php - woocommerce 创建具有多项选择的复选框