在 React 應用程序中從 babel-polyfill 切換到 core-js

Question

我在我的React應用程序中使用babel-polyfill polyfill 將ECMAScript轉換為 vanilla JS 。 我知道babel-polyfill現在已被棄用。

我在React應用程序中收到的警告是：

@babel/polyfill 已棄用。 請分別使用 core-js 和 regenerator-runtime/runtime 的必需部分

我目前在我的package.json文件中有以下內容：

"devDependencies": {
    "babel-polyfill": "^6.26.0",
    "redux-devtools": "^3.5.0"
  }

可以安全地假設我現在需要以下內容而不是babel-polyfill嗎？

"devDependencies": {
    "core-js": "3.6.5",
    "regenerator-runtime": "0.13.5"
  },

另外，我認為，而不是import 'babel-polyfill'; 在我的減速器和組件中，我想我需要以下內容：

import "core-js/stable";
import "regenerator-runtime/runtime";

這些是通過 go 的步驟嗎？ 我錯過了什么嗎？

Answer 1

如果您使用的是 CRA，只需按照此處的步驟操作：

https://github.com/facebook/create-react-app/tree/main/packages/react-app-polyfill#polyfilling-other-language-features

有用的鏈接： https://babeljs.io/docs/en/babel-polyfill https://github.com/facebook/create-react-app/issues/7242