vue sass配置全局变量

• 手上正在写的项目里有个主题色，然后感觉在很多地方都要写color:#fff、background-color:#fff很麻烦。 就想在项目中使用一个sass的全局变量，后期如果要改主题色只改一个变量就可以，但是在**main.js里面直接import引入包含这个变量的scss文件之后，并不能全局使用，页面上会报Undefined variable。

• 1.先安装npm install sass-resources-loader --save

• 2.在vue-config.js里面按照官网配置**https://cli.vuejs.org/zh/guide/css.html#css-modules，但是配置之后也一直报错，后来将配置里的data属性改为prependData属性就可以了，参考https://segmentfault.com/a/1190000020392688?utm_source=tag-newest。vue-config.js中css配置sass的代码如下

• 在这里插入代码片// CSS 相关选项
  css: {

   // 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
   // 也可以是一个传递给 `extract-text-webpack-plugin&