如何使用angular CLI命令使用LESS框架创建组件?

时间:2019-04-20 06:35:14

标签: angular angular-cli angular-cli-v6

我的angular项目默认为CSS样式框架。但是对于某些组件,我需要采用LESS框架。我尝试使用以下命令创建带有LESS框架的组件,但仍使用CSS文件生成该组件。

ng g c testFolder / components / test-component --export = true --module = test-module --style = less

有人可以告诉我如何通过不更改项目中的默认值来使用LESS框架创建组件吗?

2 个答案:

答案 0 :(得分:1)

ng g c testFolder / components / test-component --style = less

这不能更改项目中的默认值。

HTML audio can't set currentTime

答案 1 :(得分:0)

基于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文件创建