VUE-CLI3全局引入less的变量

VUE-CLI3全局引入less的变量

首先确定是vue-cli3.x而不是2.9.x,我昨天就被这个给坑了,
其实这个东西也简单,用style-resources-loader来处理就OK了

vue add style-resources-loader

安装完成后选择less预处理器,他会在vue.config.js代码中生成

pluginOptions: {
     'style-resources-loader': {
       preProcessor: 'less',
       patterns: [
       // 下面这段是自己加的,根据自己文件的位置来修改
           path.resolve(__dirname, "src/assets/css/global.less")
       ]
     }
   }

如果你能成功安装那么你就跳过后面这段话
本人在安装的时候装不了,暂时不知道原因,才疏学浅,有知道的大佬说下
在这里插入图片描述
我是直接去他报错的源文件修改的源代码
在这里插入图片描述
等安装成功后我再把这段话给删掉。。。投机取巧。。。。。。

猜你喜欢

转载自blog.csdn.net/qq_38850058/article/details/82893736