在Angular项目中使用less

第一种情况是新建项目的时候:

可以使用angular的脚手架,然后选择样式类型为less文件新建

第二种情况,也是我要说明的是已有的项目,怎么添加less:

1. 将*.css文件以及引用处的后缀名改为.less;
2. 在angular.json文件的schematics中添加如下配置：

"schematics": {
   "@schematics/angular:component": {
      "styleext": "less"
   }
}

这样就可以在项目里面使用less了.