在angular 6中使用 less

在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"
        }
      }
  ......
}