说明
玩转 webpack 学习笔记
babel-polyfill 打包后体积占比大
babel-polyfill 打包后体积:88.49k,占比 29.6%
Promise 的浏览器支持情况
比如:promise 可以打开网址https://caniuse.com/查看
构建体积优化:动态 Polyfill
Polyfill Service原理
访问页面,发送请求,识别 User Agent,然后下发不同的 Polyfill
如何使用动态 Polyfill service
polyfill.io
官方提供的服务
基于官方自建 polyfill 服务
我们可以打开:https://polyfill.io/v3/polyfill.min.js
在谷歌浏览器打开的时候,返回如下:
在 iphoone 5/se 的情况下返回如下:
Polyfill service 问题
比如:国内的浏览器魔改会导致识别 User Agent 出现问题,这种情况可以降级使用全部返回的。