利用babel搭建，编译es5的时候，遇见的坑（babel版本不一致的问题）

利用babel搭建，编译es5的时候，遇见的坑（babel版本不一致的问题）

首先我是利用淘宝镜像安装了这个几个包
$ npm install babel-core babel-loader babel-polyfill babel-preset-es2015 babel-preset-latest --save-dev --registry=https://registry.npm.taobao.org
然后，我npm run dev ,就出现了下面的这个报错提示。

Error: Cannot find module '@babel/core'
babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.
  at Function.Module._resolveFilename (module.js:547:15)
  at Function.Module._load (module.js:474:25)
  at Module.require (module.js:596:17)
  at require (internal/module.js:11:18)

然后，一看错误，以为只是单纯的，babel-core需要升级到7.x的版本就行了。
npm uninstall babel-core
npm install --save-dev @babel/core
先卸载了，又安装了最新的版本，谁知道又报了一个错

ERROR in ./src/index.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions.

然后，我就一顿疯狂的骚扰度娘，说是babel版本不统一。
babel官网全英文的看的也是一知半解，最后知道env是替代es5，的core和loader是搭配使用的。就把其他的都uninstall了，就剩了这三个。

最后就是把.babelrc文件里面的内容改一下：

{
    "presets":["@babel/preset-env"],
    "plugins": []
}

最后附上json文件：

  "devDependencies": {
    "@babel/core": "^7.5.5",
    "@babel/preset-env": "^7.5.5",
    "babel-loader": "^8.0.6",
    "babel-preset-latest": "^6.24.1",
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.37.0",
    "webpack-cli": "^3.3.6",
    "webpack-dev-server": "^3.7.2"
  }

npm run dev 就好了

第一次写文章，希望能帮到大家。谢谢了