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

2021-09-10 21:39:25 字數 635 閱讀 5690

1、建立乙個vue專案,並且該專案使用scss語法

2、定義乙個scss檔案,裡面定義乙個全域性的變數

3、在build下的utils.js中配置scss: generateloaders('sass'),把css: generateloaders('sass'),修改為

scss: generateloaders('sass')

.concat(

loader: 'sass-resources-loader',

options: {

resources: path.resolve(__dirname, 'scss檔案的路徑') //這裡是單獨建的存放變數的scss,我的是 var.scss

5、在其他頁面引用

color:$base-color,$base-color就是自己定義的全域性變數

vue中配置scss全域性變數

在寫專案的過程中,如果用的是scss來編寫樣式 常常需要定義各種變數,例如主題色 主字型大小之類的,因此我們會把這些變數寫到乙個單獨的 variable.scss檔案內,但是每次都要在vue單檔案內引入這些變數未免太繁瑣了,所以有沒有辦法可以預設把變數檔案作為全域性檔案進行引入呢?答案是肯定的,可以...

vue專案中定義全域性變數

前言 專案中經常用到使用者登入後的token 使用者名稱 使用者id等等,這個時候就需要全域性變數或者函式了,這裡就簡單說一下全域性變數。首先定義全域性變數模組檔案 modular.vue const username xiaoming const token 12345678 export def...

vue定義全域性變數

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。舉栗子 在login.vue中拿到了使用者的一些資訊 import vue from vue 注意...