vue中less文件全局引用

Posted lyzw-y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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中less文件全局引用的主要内容,如果未能解决你的问题,请参考以下文章

vue项目使用less全局变量

vue-cli3 less全局变量

webpack 配置scssless全局样式(自定义的,vue-cli2/3)

vue-cli3使用sass全局变量(less同理)

vue-cli3使用sass全局变量(less同理)

vue中使用less