当有一个可在全局使用的公共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文件
如果有知道怎么做的,麻烦指点一下 谢谢
