1、定义文件,如:_variables.scss
$baseBoxShadow: 0px 6px 6px 0px rgba(102,102,102,0.1000);
$pageBackground: #F3F4F4;
$themeColor:#8138FD;
$themeColorDark:#5124a0;
$baseFontSize:32px;
$borderColor: rgba(204, 204, 204, .4);
2、config/index.js中配置,下面两种方式皆可
// sass: {
// resource: [
// 'src/assets/style/_variables.scss'
// ]
// },
sass: {
resource: [
path.resolve(__dirname, '..', 'src/assets/style/_variables.scss')
]
},
3、任何.scss文件中使用,如:
.a{
background-color: $themeColor !important;
}