Vue 设置全局Css变量

Vue -cli  创建的Vue  项目，由于功能需求和开发便利，需要将一些常用的css 值作为变量封装，但是在看了网上的好多文章，做了之后，一直报错

 最后误打误撞，重启了项目之后，一切正常，

归咎于学识不够，我一直以为Vue  是热更新，随改随生效，但是有些东西需要重启生效，长知识了。

最后贴出完整过程。

首先，创建一个sass文件

 

接着，在根目录下创建Vue.config.js  

 注意：sass  V8版本一下需要将 prependData改为data

再重启项目

最后在需要的地方使用css  变量