babel 升级 7.X 踩坑记录

今天手动配置 webpack.config 从头搭建项目，发现 babel 系列普遍升级导致项目启动报错，解决之后将 babel 升级 7.X 之后的一些坑和注意点记录一哈。

升级总结

1. babel 包名改变，以前安装是 npm i babel-* 现在安装 babel 系列需要写成 npm i @babel/*
2. .babelrc 文件写法改变，preset plugins 等全部写成 @babel/* 的形式

npm:
- babel-preset-env
+ @babel/preset-env
- babel-preset-react
+ @babel/preset-react
- babel-preset-stage-0

.babelrc:
- "presets": ["react", "env", "stage-0", "mobx"]
+ "presets": ["@babel/preset-react", "@babel/preset-env", "mobx"]

复制代码

3. 废弃了 stage-* 系列

最终文件

以下是我的修改文件，可做参考
package.json 文件

.babelrc 文件