构建体积优化之动态 Polyfill

一、babel-polyfill 打包后体积：88.49k，占比 29.6%
这是个问题
二、动态 Polyfill方案
1、babel-polyfill react官方推荐 缺点体积大200k+
2、babel-plugin-transform-runtime 
能只polyfill用到的类或者方法 ，体积较小
不能polyfill原型上的方法

3、自己map、set的polyfill 
定制化，体积小
重复造轮子
就算体积小，但是所有都加载

4、polyfill-service 较好
只返回给用户需要的，polyfill社区维护
部分国产奇葩浏览器UA可能无法识别
但可以降级返回所需全部polyfill

三、Polyfill Service原理


识别 User Agent，下发不同的 Polyfill


如何使用动态 Polyfill service


1、polyfill.io 官方提供的服务

2、基于官方自建 polyfill 服务 //huayang.qq.com/polyfill_service/v2/polyfill.min.js?unknown=polyfill&features=Promise,Map,Set