Vue-cli4：引入全局SCSS文件（通用变量）

项目中需求引入全局scss文件（配置通用变量），在查找一番后，成功配置：

首先需要在根目录下新增配置文件vue.config.js(如果已经创建了则不需要)；

接着创建全局scss文件：

在配置文件vue.config.js中增加如下代码:

module.exports = {
  chainWebpack: config => {
    const oneOfsMap = config.module.rule("scss").oneOfs.store;
    oneOfsMap.forEach(item => {
      item
        .use("sass-resources-loader")
        .loader("sass-resources-loader")
        .options({
          // 公用scss
          resources: "./src/style/_global.scss"
        })
        .end();
    });
  }
};

配置成功后重启项目， 就可在每个组件调用全局scss中定义的变量。