當有一個可在全局使用的公共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文件

如果有知道怎么做的,麻煩指點一下 謝謝

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的3项目里面全局用less变量 cli vue_vue-cli3 如何全局引入less变量的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。