先安裝less和sass文件，安裝在‘devDependencies’文件夾下

  npm i less less-loader -D
  npm i sass-loader  sass-resources-loader -D

注意less要安裝@3.9.0版本，less-loader安裝@5.0.0版本，否則版本太高會(huì)搞錯(cuò)

安裝完后在## build-uitls文件 generateLoaders方法內(nèi)加入如下代碼

if (loader == "less") {
    loaders.push({
      loader: "sass-resources-loader",
      options: {
        resources: path.resolve(__dirname, "../src/assets/css/variable.less")
      }
    });
  }

path.resolve()方法里面跟的文件路徑就是設(shè)置全局變量的文件
在variable.less里面就可以定義變量全局用了

@color-primary: #12C7A6;  
@color-warning: #D07724;  

需要用到這個(gè)顏色的樣式就可以直接寫(xiě)上：

.font{
  color: @color-primary;
}

設(shè)置完后重啟編輯器就OK了