今天手动配置 webpack.config 从头搭建项目,发现 babel 系列普遍升级导致项目启动报错,解决之后将 babel 升级 7.X 之后的一些坑和注意点记录一哈。
升级总结
- babel 包名改变,以前安装是
npm i babel-*
现在安装 babel 系列需要写成npm i @babel/*
.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"]
- 废弃了
stage-*
系列
最终文件
以下是我的修改文件,可做参考
package.json
文件
.babelrc
文件