支持 es6 可选链和双问号语法在搭建的新 vue3 项目中发现可以使用 es6 的 ?（可选链）和 ??（双问号）语法

前言

在搭建的新 vue3 项目中发现可以使用 es6 的 ?（可选链）和 ??（双问号）语法。用了以后就回不去了。但是在老的项目上却发现用不了，dev serve 的时候会报错。

解决方法

只需要在项目的 babel 配置中增加 plugin-proposal-optional-chaining 和 plugin-proposal-nullish-coalescing-operator 两个插件即可。

在命令行执行命令

npm install @babel/plugin-proposal-optional-chaining @babel/plugin-proposal-nullish-coalescing-operator --save-dev

在 babel.config.js 文件配置插件

module.exports = {
  // 其余配置...
  plugins: [
    '@babel/plugin-proposal-optional-chaining',
    '@babel/plugin-proposal-nullish-coalescing-operator',
  ],
};

结语

如果需要其他的插件可以去 babel 官网进行配置（项目不支持的情况下）。
babeljs.io/docs/en/bab…