babel从6升级到7

参考资料：https://blog.csdn.net/lucky___star/article/details/104435692

原本的babel如下：

babel1.png

升级babel

1.下载babel专门的升级包
cnpm install babel-upgrade -g
2.用升级包替换新的依赖
babel-upgrade --write
3.更新新的依赖包
cnpm i
4.运行npm run dev报错，

babel3.png

因为缺少运行环境，解决办法：安装babel-runtime
cnpm install --save babel-runtime
5.但是安装的babel-runtime是6点几的版本，再次使用babel-upgrade --write升级到7
babel-upgrade --write
6.安装依赖包
cnpm i
7.运行npm run dev再次报错

错误信息如下：
export 'default' (imported as '相关函数') was not found

这里语法变了，修改方法两种，一种是 import {name} 替换原有的 import name
一种修改export，使用export default，如下：
export default  Util
// module.exports = Util  旧的

8.再次报错，./src/utils/polyfill.js: Cannot find module 'babel-plugin-syntax-jsx'
原来这个文件，是不能够加@的，
cnpm i --save-dev babel-plugin-syntax-jsx
参考资料https://blog.csdn.net/qq_34159635/article/details/119025582
9.安装运行成功