Babel 踩坑总结(二) —— babel-polyfill、babel-runtime 的选择

本文探讨了Babel在处理新语法时遇到的问题及其解决方案,对比了babel-polyfill和babel-runtime。babel-polyfill全局模拟ES2015+环境,但可能引入不必要的polyfill和全局污染。而babel-runtime通过babel-plugin-transform-runtime按需引入,避免全局污染,减少体积。总结中强调了两者在兼容性和体积优化上的权衡。
摘要由CSDN通过智能技术生成

此篇来解决上篇提出的问题,官方给出babel-polyfillbabel-runtime 两种解决方案来解决这种全局对象或全局对象方法不足的问题

1. babel-polyfill

官方手册

babel-polyfill 会在应用中模拟一个 es2015+ 的环境,对新语法需要的新对象进行补全

使用 babel-polyfill 后,可以使用内置对象如 PromiseWeakMap,静态方法如 Array.fromObject.assign,实例方法如 Array.prototypes.includes 以及 generator 函数

下载 babel-polyfill

npm i babel-polyfill --save

因为这是一个 polyfill(需要在你的源代码之前运行),所以需要它是一个 dependency,而不是 devDependency

1.1 几种引入方式

  • 9
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值