移动端兼容性问题

vivo手机低版本浏览器内核js执行报错

babel-polyfill

babel-polyfill在应用中会模拟一个es2015+的环境,所以使用了babel-polyfill后可以使用内置对象如Promise和WeakMap,静态方法如Array.from和Object.assign,实例方法如Array.prototype.includes,以及generator函数(需要提供babel-plugin-transform-regenerator插件)。总的来说,polyfill修改了全局作用域,浏览器下是window,node下是global。

babel-polyfill主要由两部分组成,core-js和regenerator runtime。

core-js:提供了如ES5、ES6、ES7等规范中 中新定义的各种对象、方法的模拟实现。
regenerator:提供generator支持,如果应用代码中用到generator、async函数的话用到。

引入babel-polyfill全量包后文件会变得非常大。
https://babeljs.io/docs/en/babel-polyfill/

babel-plugin-transform-runtime

babel-plugin-transform-runtime主要做了一下三件事:

当你使用 generators/async 函数时,自动引入 babel-runtime/regenerator (使用 regenerator 运行时而不会污染当前环境) 。
自动引入 babel-runtime/core-js 并映射 ES6 静态方法和内置插件(实现polyfill的功能且无全局污染,但是实例方法无法正常使用,如 “foobar”.includes(“foo”) )。
移除内联的 Babel helper 并使用模块 babel-runtime/helpers 代替(提取babel转换语法的代码
https://babeljs.io/docs/en/babel-plugin-transform-runtime

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值