项目中放置带有 polyfill 文件以支持跨浏览器 JavaScript 的最佳位置

Question

想知道 React / Redux 应用程序（使用 create-react-app 创建）中的哪个位置是 locate/place 任何文件的最佳位置，这些文件将用作缺乏支持的浏览器的自定义 polyfill。具体来说，我需要能够使用 Array.prototype.includes 和 String.prototype.startsWith，以及 Internet Explorer 或 Microsoft Edge 不支持的其他一些方法。任何建议表示赞赏！

Answer 1

如果您使用 core-js，它将使用 npm 安装，代码将位于 node_modules 文件夹下。

您可以从应用程序的入口点导入它：

require('core-js')

Answer 2

在 eject 你的 React/Redux 应用程序（使用 create-react-app 创建）之后，您应该在 /config 文件夹中找到 polyfills.js。

然后您可以添加您的 polyfill 代码，或使用 Mozilla Developer Network 建议的代码：

Array.prototype.includes()

String.prototype.startsWith()

希望以上内容对您有所帮助。

Answer 3

将此行添加到您的 index.js 文件或应用程序入口文件，您就完成了！

import 'core-js/es6/';

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';

ReactDOM.render(<App />, document.getElementById('root'));

项目中放置带有 polyfill 文件以支持跨浏览器 JavaScript 的最佳位置

Best place in project to put a file with polyfill for cross-browser JavaScript support

javascript

internet-explorer

polyfills

reactjs

microsoft-edge