Angular生成组件时自动修改css成less或其他类型

Angular生成组件时自动修改css成less或其他类型 ( 其他类型自行修改 )

​​​​​创建项目的时候不小心将样式文件选择成了css样式 , 后续新建组件时一直是css , 此博记录修改方式.

 

一  > 如果Angular是6.0以前的版本

解决办法 : 

将angular-cli.json中属性修改为下面样子: 

"defaults": {    

      "styleExt": "less",    

       "component": {}

}

二 > 如果Angular版本高于6

解决办法 : 

将angular.json中属性修改为下面样子: 

"@schematics/angular:component": {

          "style": "less"

 }

注 : 文件中还有一些css相关的配置 , 搜索css关键词后一并修改为less

属性位置如下: 

亲测有效 ;