小tips：使用babel-upgrade從babel6升級babel7
阿新 • • 發佈：2021-12-17
基礎使用
完整使用參考地址：https://www.npmjs.com/package/babel-upgrade
使用方式：
# npx lets you run babel-upgrade without installing it locally
npx babel-upgrade --write
# or install globally and run
npm install babel-upgrade -g
babel-upgrade --write
如果不想全域性安裝或者不想安裝到專案工程中，直接使用npx babel-upgrade --write。
這樣執行後babel-upgrade
package.json及.babelrc檔案，但是會出現一些其他編譯報錯。
報錯問題解決方案
Can’t resolve ‘babel-polyfill’
package.json配置檔案中刪除@babel/polyfill,然後在安裝babel-polyfill
npm i babel/polyfill -D
Cannot find module 'babel-plugin-syntax-jsx'
原因是在babel-plugin-transform-vue-jsx中使用的包是babel-plugin-syntax-jsx，而babel-upgrade將這個包升級成了@babel/plugin-syntax-jsx
解決方案,在package.json這個刪除@babel/plugin-syntax-jsx,然後安裝babel-plugin-syntax-jsx
npm i babel-plugin-syntax-jsx -D