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 檔案