vue定义全局颜色变量

1、新建一个style文件夹，然后里面再新建一个baseColor.scss文件，里面定义全局颜色变量

2、在 build 文件夹中找到utils.js文件，将它的**scss: generateLoaders(‘sass’)**修改为

scss: generateLoaders('sass').concat(

      {

        loader: 'sass-resources-loader',

        options: {

          resources: path.resolve(__dirname, '../src/style/baseColor.scss') //这里是建的存放变量的scss，我的是 baseColor.scss

        }

      }),

3、 a. 将style 的lang定义为scss
b. 在需要引用的地方 @import 全局变量样式文件路径 (不加也可使用）
c. 使用时直接用 $全局颜色变量名 代替颜色进制表达[

注意：定义全局变量后 npm run dev 也许会报错 查看此片博文
https://blog.csdn.net/moon_tang/article/details/97616784