@babel/polyfill 中文翻译

发布网友发布时间：2024-12-20 00:18

共1个回答

热心网友时间：2024-12-20 00:25

自Babel 7.4.0起，推荐不再使用@babel/polyfill，而是直接导入core-js/stable以支持ECMAScript新功能，以及regenerator-runtime/runtime以使用转换后的生成器函数。Babel内置的polyfill包含定制的regenerator runtime和core-js，它模拟了ES2015+的环境，包括Promise、WeakMap、Array.from、Object.assign等特性。这些功能通过添加到全局环境和原型对象中来实现。

由于polyfill需要在源代码运行之前，所以应将其作为dependency而非devDependency。虽然提供了方便，但推荐配合@babel/preset-env和useBuiltIns选项使用，避免不必要的完整polyfill加载。若需使用非阶段4的TC39提案，需自行从core-js等其他polyfill库导入，@babel/polyfill未来可能单独提供这些特性。

在Node、Browserify或Webpack中使用时，应在应用入口文件顶部要求polyfill，确保其在其他代码之前执行。若使用ES6的import语法，也应在入口文件顶部导入。在Webpack中，有多种方式配置，建议根据需求手动导入需要的polyfill，而不是直接导入整个包。

在浏览器中，从@babel/polyfill的npm发布版dist/polyfill.js中获取polyfill，确保在编译后的Babel代码之前引入。你可以将其添加到编译代码前面，或者在HTML中单独引入。