一、首先是在项目安装scss
此处省略
二、新建全局scss变量文件
-
在src/assets/styles文件下新建一个.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'),
],
},
}
三、应用
不管是pages下面的scss文件还是components下面的scss文件都可以引用全局变量$theme-color
eg:
1.pages下面
image.png
2.components下面
image.png
