「Vue — css」使用sass/scss并定义全局变量

1：安装sass-node

1cnpm install sass-node --save --dev 

2：安装sass-loader

1cnpm install sass-loader --save --dev

3：在vue.config.js中进行配置

1module.exports = {
2	css: {
3		loaderOptions: {
4			scss: {
5				// 全局变量样式的地址为assets/css/style.scss
6				prependData: `@import "~@/assets/css/style.scss";`
7			},
8		}
9	}
10}
11

4：在assets/css/style.scss中定义全局变量

1$base-color:red;

5：在页面中使用

1.title {
2	color: $base-color;
3}
4