webpack优化篇（五十）：使用动态 Polyfill 服务

说明

玩转 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 出现问题，这种情况可以降级使用全部返回的。