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

Question

我想在我的 React 应用中使用 es2020 的新特性。 尝试安装 npm install --save-dev babel-preset-es2020 并使用

添加了 .babelrc 文件

{
  "presets": ["es2020"]
}

但是还是不行。 如何用react app设置es2020的新特性？

Answer 1

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

Answer 2

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

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

  // ...

  }
}