eslint+webpack+polyfill在代码保存时实现自动修复格式

在网上搜索了很多想要实现代码保存时自动修复eslint格式问题的文章，发现基本都是去改vscode配置，实际操作过后发现并不好用。

自己摸索出了方法如下，安装@babel/polyfill依赖，我是直接安装到dependencies的，我的安装命令指定了版本：npm install @babel/polyfill@7.10.1 --save

最后安装依赖如下：

"dependencies": {
    "@babel/polyfill": "^7.10.1",
  },

然后在项目根路径下，修改vue.config.js文件

module.exports = {
  chainWebpack: (config) => {
    config.entry("main").add("@babel/polyfill");
    if (process.env.NODE_ENV != "production") {
      //eslint自动修复
      config.module
          .rule("eslint")
        .use("eslint-loader")
        .loader("eslint-loader")
        .options({
          fix: true,
        });
    }
  },
};

到此，配置完了以后，最好重新运行一下项目即可实现自动修复eslint格式问题的效果。