【前端学习】皆大欢喜 普天同庆 我的webpack终于能编译es6了！

webpack编译es6需要用到babel，这个真的太坑了，各种版本不兼容问题，于是我打算删除node_modules模块，全部重新安装
其他要用到的加载机模块就不说了，在这里主要说一下babel

npm i babel-core babel-loader babel-preset-env babel-preset-stage-3 babel-polyfill --save-dev

然后需要在项目根目录新建一个.babelrc文件，内容如下

{
  "presets": [
    ["env", { "modules": false }],
    "stage-3"
  ]
}

这里参考了从零开始搭建一个简单的基于webpack的vue开发环境

但是依旧跑不起来，第一次的报错我比较熟悉，因为之前遇到过，忘记安装了@babel/core，安装之后依然有问题
错误如下

Plugin/Preset files are not allowed to export objects,only functions.

这里的错误意思是babel不兼容，最后发现问题出现在babel-loader上，我安装的是8.x.x的版本，而其他babel相关是7.x.x版本，抱着试试看的心态，我npm uninstall卸载了babel-loader，重新安装了7版本的，安装之后没抱太大希望的在控制台输入webpack，竟然打包成功了，终于解决了这个困扰我好久的问题。