vue项目配置可选调用链

可选调用链就是?.写法

有些vue项目没有默认配置，因此只能手动配置

介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining

安装：

代码语言：javascript复制

cnpm i --save-dev @babel/plugin-proposal-optional-chaining

然后配置在根目录下的babel.config.js

新增：

代码语言：javascript复制

{
  "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

完整：

代码语言：javascript复制

module.exports = {
  presets: [
    "@babel/preset-env",
    ['@vue/app',
      { useBuiltIns: 'entry' }]
  ],
  "plugins": ["@babel/plugin-transform-runtime", "@babel/plugin-proposal-optional-chaining",]
}

重启之后即可

babel.js

0 人点赞