1、在css樣式中使用scss的全局變量

在全局的樣式文件比如 /src/assets/scss/index.scss 中定義scss變量，使用?$?符號(hào)

而如果想要在vue組件中使用這些全局樣式變量，需要這樣引入該文件

這種引入方式雖然可以實(shí)現(xiàn)，但是會(huì)造成代碼冗余

所以我們可以選擇配置sass-resources-loader來自動(dòng)導(dǎo)入每個(gè)所需的 sass 模塊

2、在js中使用scss的全局變量

css模塊有一個(gè):export 關(guān)鍵字，它在功能上等同于 ES6 的關(guān)鍵字 export，即導(dǎo)出一個(gè) js 對(duì)象，我們可以在 scss 文件中定義變量并將其導(dǎo)出為 js

然后，在js中進(jìn)行使用