如何使用 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 文件创建