可选链和双问号语法babel插件

项目使用

目前vue3.0后的搭建可以直接使用可选链和双问号。旧项目的话需要借助插件解析可选链和双问号写法：
babel-plugin-proposal-optional-chaining 插件可以帮助我们将可选链式的代码转化

1、 检查项目package.json的babel-core版本是否是7.x

升级babel 7，官方提供了一个工具babel-upgrade，对于已有的项目，只需要运行一行命令就可以升级到7版本以上了。
运行命令：npm babel-upgrade --write --install 

安装出现如下提醒 

 请执行以下代码：
npm install --save @babel/runtime-corejs2

2、安装依赖：
npm install --save-dev @babel/plugin-proposal-optional-chaining -S  //解析可选链语法插件

npm install --save-dev @babel/plugin-proposal-nullish-coalescing-operator  // 双问号

.babelrc或者babel.config.js中这注入这个插件：

// cli3.x中，进入babel.config.js文件
module.exports = {presets: ['@vue/app'],plugins: ['@babel/plugin-proposal-nullish-coalescing-operator', // 双问号'@babel/plugin-proposal-optional-chaining' // 可选链]
};