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；