vue中less文件全局引用

1、先安装sass-resources-loader

　　 npm install sass-resources-loader 

2、然后在build->utils.js修改less配置

　　在less后面加上

.concat(
    {
        loader: 'sass-resources-loader',
        options: {
            resources: path.resolve(__dirname, '需要全局引入的less的位置及文件名')
        }
    }
)

3、如果不止一个文件，就在后面继续使用concat拼接

注意：如果是使用vue-cli3构建的环境

1、引入loader

vue add style-resources-loader

2、配置vue.config.js

// vue.config.js
const path = require("path");
module.exports = {
    pluginOptions: {
        "style-resources-loader": {
            preProcessor: "less",
            patterns: [path.resolve(__dirname, "less文件路径")]
        }
    }
};