在angular 6中使用 less

新项目

ng new [appname] --style less

已有的项目

修改 *.css 文件及引用处后缀名为 less并在 angular.json 文件中设置以下内容

{

  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",

  "version": 1,

  "newProjectRoot": "projects",

  "projects": {

    "ngTest": {

      "root": "",

      "sourceRoot": "src",

      "projectType": "application",

      "prefix": "app",

      "schematics": {

        "@schematics/angular:component": {

          "styleext": "less"

        }

      }

  ......

}