vue 全局颜色变量设定(cli4.x)

一. 新建全局css变量

1.新建assets/css/variable.scss文件
2.编辑内容–如下为常用的颜色全局变量

二.css文件设定全局

3.找到vue.config.js
4.编辑如下内容

三.小注意

1. 我将variable.scss文件 放置在app.vue文件中,但是不生效.后来使用了如上办法才好.也不知道是什么原因
2. vue.config.js文件里的设定是根据脚手架版本会有不同的设定.所以以上只会在cli4.x版本下生效.
3. 如果以上问题都没有,但还是会报错.要重启项目

越简单的事情就越要仔细