vue-cli中配置全局sass变量

如何定义样式的变量，使得全局的样式可以在组件中使用，网上找了一些办法，亲测可以使用，我就记录下来；

1、安装sass-resources-loader

npm i sass-resources-loader --save-dev

2、修改vue-cli的目录下build/utils.js，如图

scss: generateLoaders('sass').concat({
      loader:'sass-resources-loader',
      options:{
        resources:path.resolve(__dirname,'../src/assets/css/style.scss')
      }
}),

../src/assets/css/style.scss是样式文件；
3、重新运行npm run dev；