vue3.0cli 配置全局的less变量

Posted summer06

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3.0cli 配置全局的less变量相关的知识,希望对你有一定的参考价值。

技术图片

 

 1 npm install style-resources-loader //首先安装
 2 const path = require(path)
 3 module.exports = {
 4   chainWebpack: config=> {
 5     config.module.rule(less).oneOf(vue).use(style-resource)
 6     .loader(style-resources-loader)
 7     .options({
 8         patterns: [
 9             path.resolve(__dirname, ./src/assets/style/variabel.less),//这个是自己文件的路径
10         ],
11     })
12 },
13 css: {
14     loaderOptions: {
15         less: {
16             javascriptEnabled: true
17         }
18     }
19 }
20 } 

 

以上是关于vue3.0cli 配置全局的less变量的主要内容,如果未能解决你的问题,请参考以下文章

vue项目使用less全局变量

在vue中的设置less全局变量

在vue中的设置less全局变量

【Vue】插件:五、style-resources-loader 配置全局less变量

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

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