vue less 全域性變數的配置

2021-10-05 19:31:25 字數 718 閱讀 1759

安裝style-resources-loader;

在vue.config.js中的pluginoptions新增第三方外掛程式:

pluginoptions: 

},

在定義的less檔案上部宣告檔案採用 utf-8 編碼:

@charset 「utf-8」;

原文:在使用nuxt+vue的時候,對less全域性變數進行配置。

styleresources:
出現的報錯資訊

error  in ./src/views/project/partybuild/partybuildinform.vue?vue&type=style&index=0&id=addaa0d0&scoped=true&lang=less&

module build failed (from ./node_modules/less-loader/dist/cjs.js):

height: 0.9rem;

border-bottom: 0.16rem solid @search-bg;

^variable @search-bg is undefined

其實這就是配置的路徑無法識別的問題,導致css build失敗

styleresources: ,
path函式賽高。

參考:

yarn配置全域性變數

1 開啟的bash profile檔案進行檔案編輯 vim bash profile2 接下來先按 i,進入編輯模式。3 然後再把 export path path yarn global bin 複製到裡面。4 複製完成之後,按esc,退出當前的文字編輯模式。5 接下來按 wq 儲存並退出當前ba...

vue配置全域性變數

在main.js檔案中新增如下語句 vue.prototype.tenantid 1 在需要使用該變數的檔案中使用下述語法對變數進行操作 this.tenantid 2 修改變數的值 console.log this.tenantid 在main.js檔案的vue例項的data屬性中新增變數 dat...

static全域性變數 全域性變數

1 全域性變數 外部變數 的說明之前再冠以static 就構成了靜態的全域性變數。全域性變數本身就是靜態儲存方式,靜態全域性變數當然也是靜態儲存方式。這兩者在儲存方式上並無不同。這兩者的區別在於非靜態全域性變數的作用域是整個源程式,當乙個源程式由多個原始檔組成時,非靜態的全域性變數在各個原始檔中都是...