1、先安装sass-resources-loader
npm install sass-resources-loader
2、然后在build->utils.js修改less配置
在less后面加上
.concat(
2 {
3 loader: 'sass-resources-loader',
4 options: {
5 resources: path.resolve(__dirname, '需要全局引入的less的位置及文件名')
6 }
7 }
8 )
3、如果不止一个文件,就在后面继续使用concat拼接
注意:如果是使用vue-cli3构建的环境
1、引入loader
vue add style-resources-loader
2、配置vue.config.js
1 // vue.config.js
2 const path = require("path");
3 module.exports = {
4 pluginOptions: {
5 "style-resources-loader": {
6 preProcessor: "less",
7 patterns: [path.resolve(__dirname, "less文件路径")]
8 }
9 }
10 };