vue 中使用less设置全局变量

我们如何在vue中使用less去定义全局变量呢？你会发现，若是像.css文件在main.js中引入是无效的！那如何在vue中使用呢？ 

1.首先安装一个包：

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

2.在根目录下新建vue.config.js

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

3.创建.less文件写自己需要的全局样式（注意：引入路径写自己的）