配置全局sass
在vue.config.js中首节点配置
module.exports={
css:{
loaderOptions:{
sass:{
prependData:`@import "./src/assets/static/commonStyle/global.scss";`
}
}
},
}
//global.scss
$defaultColor:#000;
修改完成后即可在全局使用global.scss定义的变量了
//first.vue
<style lang="scss" scoped>
.theme{
background-color:$defaultColor;
}
</style>