Vue2.0项目中使用ES2020新特性

830 阅读1分钟

主要介绍可选链运算符 ?空值合并运算符 ??的babel配置

环境

  • node版本: v14.15.3
  • vue版本:"2.6.10"
  • babel版本: "@babel/core": "7.0.0"

插件:

可选链运算符: @babel/plugin-proposal-optional-chaining

空值合并运算符: @babel/plugin-proposal-nullish-coalescing-operator

操作步骤:

  • 安装babel插件:

    npm i @babel/plugin-proposal-optional-chaining @babel/plugin-proposal-nullish-coalescing-operator -S

  • 添加babel配置:

    // 在babel.config.js中,添加plugins项
    plugins: [
      '@babel/plugin-proposal-optional-chaining',
      '@babel/plugin-proposal-nullish-coalescing-operator'
    ]
    
  • 完成,撒花。

相关链接

@babel/plugin-proposal-optional-chaining

@babel/plugin-proposal-nullish-coalescing-operator