如何将 es2020 功能添加到现有的 React 应用程序？答案

【问题标题】：How to add es2020 features to existing react app?如何将 es2020 功能添加到现有的 React 应用程序？
【发布时间】：2020-12-11 00:26:05
【问题描述】：

我想在我的 react 应用中使用 es2020 的新功能。尝试安装npm install --save-dev babel-preset-es2020 并添加.babelrc 文件

{
  "presets": ["es2020"]
}

但它仍然不起作用。 es2020新特性如何用react app设置？

【问题讨论】：

【解决方案1】：

最新的create-react-app 支持es2020 开箱即用，它也有一个Typescript 模板。他们的.tsconfig 设置为输出es5，但允许使用最新的 ES 功能编写代码：

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ]

  // ...

  }
}

【讨论】：

【解决方案2】：

尝试将tsconfig.json文件中的目标更改为"target": "ES2019"

【讨论】：