vue中less文件全局引用

1、先安装sass-resources-loader

　　 1 npm install sass-resources-loader 

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

　　在less后面加上

1 .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 };

 

转载于:https://www.cnblogs.com/lyzw-Y/p/10257448.html