1、scss文件
//variables.scss
$background-color : #4c94f1;
2、配置loader
//vue.config.js
module.exports = {
//配置全局样式变量
css: {
loaderOptions: {
sass: {
data: `@import "@/assets/style/common/variables.scss";`
}
}
}
}
3、全局使用
<style lang='scss' scoped>
.header {
background-color: $background-color;
}
</style>
官网查看：https://cli.vuejs.org/zh/guide/css.html
