vue-cli 3.0 配置sass/scss全局变量

1、scss文件

//variables.scss$background-color : #4c94f1;

2、配置loader

//vue.config.jsmodule.exports = {//配置全局样式变量css: {loaderOptions: {sass: {data: `@import "@/assets/style/common/variables.scss";`}}}}

3、全局使用

<style lang='scss' scoped>.header {background-color: $background-color;}</style>

官网查看：/zh/guide/css.html