vue中配置scss全域性變數

2021-10-11 11:31:00 字數 436 閱讀 3140

在寫專案的過程中,如果用的是scss來編寫樣式**,常常需要定義各種變數,例如主題色、主字型大小之類的,因此我們會把這些變數寫到乙個單獨的_variable.scss檔案內,但是每次都要在vue單檔案內引入這些變數未免太繁瑣了,所以有沒有辦法可以預設把變數檔案作為全域性檔案進行引入呢?答案是肯定的,可以用下面的方法進行配置,可以根據當前使用的框架和環境來進行方法的選擇。

二、使用@vue/cli(即vue-cli3)腳手架時

1. 找到vue.config.js檔案,如果沒有的話,則自己在根目錄新建乙個即可

2. 在檔案內編寫如下**:

module.exports = 

}}}

注意:重啟專案後錯誤用以下**:

css: 

}}

vue專案scss定義全域性變數 顏色變數

1 建立乙個vue專案,並且該專案使用scss語法 2 定義乙個scss檔案,裡面定義乙個全域性的變數 3 在build下的utils.js中配置scss generateloaders sass 把css generateloaders sass 修改為 scss generateloaders ...

vue配置全域性變數

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

vue cli4中scss全域性變數

vue add style resources loader 選擇scss 執行過程中有個問題command failed npm install loglevel error vue cli plugin style resources loader d。看了網上的解決方案 a.修改c users...