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

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、全局使用

官网查看:https://cli.vuejs.org/zh/guide/css.html

你可能感兴趣的:(vue)