小tips：使用babel-upgrade从babel6升级babel7

基础使用

完整使用参考地址：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