3项目里面全局用less变量 cli vue_vue-cli3 如何全局引入less变量

当有一个可在全局使用的公共less变量文件

variable.less

如何写才能一次性在所有.vue文件中引入这个文件?

我尝试了几种方法

1:安装style-resources-loader

然后配置

const path = require("path");

module.exports = {

pluginOptions: {

"style-resources-loader": {

preProcessor: "less",

patterns: [path.resolve(__dirname, "./src/assets/style/variable.less")]

}

}

};

使用后 没有任何效果

测试了 ./src @/src ~@/src 依然没有任何效果

2:在main.js中引入variable.less

这样确实可以获取到variable.less中的样式 但是变量拿不到

提示:

Variable @BG is undefined

我设置的变量是 BG 提示找不到这个变量

3:使用 下面 冯恒智 建议的方法

改写成less 结果无效

4:使用 globalVars

目前唯一成功的方法

但是感觉这样需要每次去vue.config.js里面去维护 有点不方法 有没有更好的办法

不知道如何写才能引入less的公共变量文件,

想要的效果是 在所有.vue文件里面 不用重复写 引入公共变量less文件

如果有知道怎么做的,麻烦指点一下 谢谢