在vue中的設置less全局變量

1、先安裝依賴包sass-resources-loader：

npm install sass-resources-loader --save-dev

2、配置文件：build/util.js下

// less: generateLoaders('less'),
    less: generateLoaders('less').concat({ 
        loader: 'sass-resources-loader', 
        options: { 
          resources: path.resolve(__dirname, '../src/assets/css/public/var.less')     // var.less為新建的全局變量的文件
        } 
    }),

具體修改代碼截圖：

 

 

3、重啟后測試是否成功：