babel 升级 7.X 踩坑记录

835 阅读1分钟

今天手动配置 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"]

  1. 废弃了 stage-* 系列

最终文件

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


.babelrc 文件

更详细的参考

官方文档