babel 升级到7.X采坑总结

场景

babel升级到7后，安装babel相关插件后，项目跑不起来，一直报错：
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升级之后，不再使用以前的babel-core,而是将其放在@babel/core,同时babel-loader也要升级到最新版本。

解决

npm un babel-core babel-loader babel-preset-env -D
npm i @babel/core @babel/preset-env babel-loader -D

同时修改.babelrc文件
{
  "presets": [
    "@babel/preset-env",
  ]
}