@1o1w1/react-app-polyfill 中文文档教程

Question

react-app-polyfill

这个包包括各种浏览器的 polyfill。 它包括 Create React App 项目使用的最低要求和常用语言功能。

Usage

首先，使用 Yarn 或 npm 安装包：

npm install react-app-polyfill

或者

yarn add react-app-polyfill

Supporting Internet Explorer

您可以导入您打算支持的最小版本的入口点，以确保存在使用 Create React App 所需的最小语言功能。 例如，如果您导入 IE9 入口点，这将包括 IE10 和 IE11 支持。

这些模块确保存在以下语言功能：

1. Promise (for async / await support)
2. window.fetch (a Promise-based way to make web requests in the browser)
3. Object.assign (a helper required for Object Spread, i.e. { ...a, ...b })
4. Symbol (a built-in object used by for...of syntax and friends)
5. Array.from (a built-in static method used by array spread, i.e. [...arr])

如果您需要更多功能，请参阅下面的Polyfilling 其他语言功能部分。

Internet Explorer 9

// This must be the first line in src/index.js
import 'react-app-polyfill/ie9';

// ...

Internet Explorer 11

// This must be the first line in src/index.js
import 'react-app-polyfill/ie11';

// ...

Polyfilling other language features

您还可以填充目标浏览器中不可用的稳定语言功能。 如果您在 Create React App 中使用它，它会自动使用您定义的 browserslist 在导入 stable polyfill 时仅包含目标浏览器所需的 polyfill。 如果您需要在您的应用程序中支持 Internet Explorer，请确保遵循上述 Internet Explorer 步骤。

// This must be the first line in src/index.js
import 'react-app-polyfill/stable';

// ...

如果您支持 Internet Explorer 9 或 Internet Explorer 11，则应包括 ie9 或 ie11 和 stable 模块：

对于 IE9：

// These must be the first lines in src/index.js
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';

// ...

对于 IE11：

// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

// ...