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

Question

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

{
"presets": ["es2020"]
}

然而，它仍然不起作用。如何使用react应用程序设置es2020的新功能？

Answer 1

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

Answer 2

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

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