在我的 React 应用程序中实现并添加自定义 polyfill答案

【问题标题】：Implement & Add a custom polyfill to my React App在我的 React 应用程序中实现并添加自定义 polyfill
【发布时间】：2018-06-22 14:27:02
【问题描述】：

我想将这个 polyfill https://github.com/brettdewoody/polyfill-nodelist-foreach 添加到我的 React 应用程序中。

但是我不想让 npm 依赖这个模块e 只需要 3 行代码。

if (window.NodeList && !NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}

如何在 React 应用程序中添加 polyfill 并将其用于任何地方？

我尝试将其作为一个组件，但我需要在每个 .jsx 中导入它并明确使用它，而它只适用于我的 app/index.js 中的 import 'nodelist-foreach-polyfill';

【问题讨论】：

【解决方案1】：

好的，所以在应用程序运行时开始运行一次代码就足够了。

因此，在我的 app/index.js 中，我删除了以下几行，它可以完美运行。

if (window.NodeList && !NodeList.prototype.forEach) {
    NodeList.prototype.forEach = Array.prototype.forEach;
}

稍后我将更新我的 babel/Core-js 以获取他们的 polyfill。

【讨论】：