VUE CLI3 less 全局变量引用

首先展示两个在网上广为流传的方法，我用了没有效果。。。当然估计很多人还是可以成功了

方法一

1、添加依赖   style-resources-loader

2、vue.config.js中添加

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [],
    },
  },
};

3、添加全局less引入

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.resolve(__dirname, './src/assets/varibles.less'),
      ],
    },
  },
};

4、加入path

const path = require('path');

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.resolve(__dirname, './src/a