介绍
babel-polyfill 是一个用于兼容旧浏览器的 JavaScript 库。它可以为你的代码提供一些新的 ECMAScript 6+（ES6，ES7，ES8），甚至是一些未被加入 ECMAScript 标准的特性（如 Object.assign）。
@gerhobbelt/babel-polyfill 实际上是 babel-polyfill 的一个定制版本，它针对不同的浏览器版本需求进行了调整，并且添加了一些自定义的特性，同时能够与 webpack 等构建工具很好地集成。
在这里我们将详细介绍如何使用 @gerhobbelt/babel-polyfill。
安装
使用 npm，可以轻松地将 @gerhobbelt/babel-polyfill 安装到你的项目中：
--- ------- ------ --------------------------
安装完成后，你可以在你的代码中引用它：
------ -----------------------------
配置
1. webpack 配置
-- ----------------- -------------- - - ------ ------------------------------ ----------------- -
2. babel 配置
-- --------
-
---------- -
-
--------------------
-
-------------- -------
-
-
-
-3. 全局配置
像前文所述，你可以在你的代码中引用 @gerhobbelt/babel-polyfill：
------ -----------------------------
如果你不想在每个文件中都引用它，你可以选择全局引入它。
在 webpack 中，你可以使用 ProvidePlugin:
--- ----------------------- ---------- -------------- -- -- ------- -------- ---------------------------------------------------------------------- -- -- ----- --
在 HTML 页面中使用：
---- - ---- --- -------- --- ------- -----------------------------------------------------------
示例代码
------ ----------------------------- ----- --- - --- -- --- ----- ------ - ------------ -- ---- - --- -------------------- -- --- -- --
结论
@gerhobbelt/babel-polyfill 可以为你的 JavaScript 代码提供更好的兼容性，让你的代码在更多的浏览器中运行。安装和配置比较简单，使用起来也很方便。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f02d555403f2923b035bdb4