Vue-cli3.0 使用less全局變量

須要安裝兩個插件

• style-resources-loader
• vue-cli-plugin-style-resources-loader

安裝插件

cnpm i style-resources-loader vue-cli-plugin-style-resources-loader --save-dev
複製代碼

配置插件

將 themes.less 配置到vue.config.js中，並在目錄新建less文件

const path = require('path');
module.exports = {
   pluginOptions: {
      'style-resources-loader': {
         preProcessor: 'less',
         patterns: [
            // 全局變量路徑，不能使用路徑別名
            path.resolve(__dirname, 'src/assets/css/themes.less')
         ]
      }
   }
}
複製代碼

重啓項目

重啓成功後，就能夠在這個less文件裏寫入局變量了並使用了