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文件路径")]
         }
     }
 };