一磅轻、首先是在項(xiàng)目安裝scss
此處省略
二群井、新建全局scss變量文件
-
在src/assets/styles文件下新建一個(gè).scss格式文件妆够，聲明全局scss變量
image.png 添加全局需要引用的scss文件配置
// 在config/index.js里
const path = require('path')
const config = {
// 添加需要引用的scss
sass: {
resource: [
path.resolve(__dirname, '..','src/assets/styles/custom-variables.scss'),
],
},
}
三炭臭、應(yīng)用
不管是pages下面的scss文件還是components下面的scss文件都可以引用全局變量$theme-color
eg:
1.pages下面
image.png
2.components下面
image.png
