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文件里写入局变量了并使用了