如何使用 angular CLI 命令使用 LESS 框架创建组件?
How to create a component with LESS framework using angular CLI command?
我的 angular 项目默认使用 CSS 样式框架。但是对于某些组件,我需要采用 LESS 框架。我尝试了以下命令来使用 LESS 框架创建组件,但组件仍然是使用 CSS 文件生成的。
ng g c testFolder/components/test-component --export=true --module=test-module --style=less
有人能告诉我如何在不更改项目默认值的情况下使用 LESS 框架创建组件吗?
ng g c testFolder/components/test-component --style=less
这不能更改项目中的默认值。
基于 Angular 文档:Angular Documentation
在现有项目上设置默认样式:
ng config schematics.@schematics/angular:component.styleext less
# note: @schematics/angular is the default schematic for the Angular CLI
手动更改 .angular-cli.json(Angular 5.x 及以上)或 angular.json(Angular 6+) 或运行:
ng config defaults.styleExt=scss
将现有的 .css 文件重命名为 .less(即 styles.css 和 app/app.component.less)
更改默认值后,每个组件默认使用 Less 文件创建
我的 angular 项目默认使用 CSS 样式框架。但是对于某些组件,我需要采用 LESS 框架。我尝试了以下命令来使用 LESS 框架创建组件,但组件仍然是使用 CSS 文件生成的。
ng g c testFolder/components/test-component --export=true --module=test-module --style=less
有人能告诉我如何在不更改项目默认值的情况下使用 LESS 框架创建组件吗?
ng g c testFolder/components/test-component --style=less
这不能更改项目中的默认值。
基于 Angular 文档:Angular Documentation
在现有项目上设置默认样式:
ng config schematics.@schematics/angular:component.styleext less
# note: @schematics/angular is the default schematic for the Angular CLI
手动更改 .angular-cli.json(Angular 5.x 及以上)或 angular.json(Angular 6+) 或运行:
ng config defaults.styleExt=scss
将现有的 .css 文件重命名为 .less(即 styles.css 和 app/app.component.less)
更改默认值后,每个组件默认使用 Less 文件创建