什么是 babel-polyfill
babel-polyfill 是 babel 的一个插件，它提供了一组 polyfill，可以模拟新的 API，帮助我们在低版本浏览器中使用 ECMAScript 6+ 的新特性。
如果项目中使用了一些需要 shim 补丁的新 API，例如：Iterator、Generator、Promise、Set、Map、Symbol 等，那么 babel-polyfill 就会帮助你将相应的 polyfills 注入到你的项目中。
常见的 polyfill 通常在 JavaScript 库中提供，例如取代内置方法，手动实现 CSS 动画和变换等。babel-polyfill 能够补齐 JS 相关的 API 需求，使你的代码更加健壮。
babel-polyfill 的使用方法
- 安装
npm install --save-dev babel-polyfill
- 配置
// webpack.config.js
module.exports = {
entry: ["babel-polyfill", "./app/js"],
// .....
}示例代码
下面是一个具体的代码示例，使用了 Map() 数据类型：
-- -------------------- ---- ------- ------ ----------------- --- --- - --- ------ --------------- -------- -------------- ---- ---------------------- -- - ----------------------------- -- ---- ---------------------------- -- --
在低版本浏览器中，使用 Map() 数据类型会报错，通过引入 babel-polyfill，这个问题就得到了解决。
总结
介绍了 babel-polyfill 的使用方法和作用，它可以模拟新的 API，帮助我们在低版本浏览器中使用 ECMAScript 6+ 的新特性。为了方便使用，我们可以通过 NPM 安装和配置，如上所述。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646d37b3968c7c53b0bf8b01