标签： 工具链

最近尝试把厂里项目的依赖从 babel@6 升级到 babel@7，发现打包之后体积大了很多。于是打开 webpack-bundle-analyzer，果然大部分代码都是 corejs 引入的，项目本身的逻辑只占少部分。

从报告来看，虽然目标浏览器的版本均高于 Promise 的启动版本（比如 Chrome 32），但 es.promise 仍然会被打包进来。于是以 es.promise 为突破口开始分析，找到答案：因为 JavaScript 引擎 V8 直至 v6.6 版本时，在 Promise 实现方面都存在严重 bug，所以 babel@7 保守地选择 Chrome 66/67 作为临界点。

想来其它体积多半也是这么加上来的，就不再一个一个排查了。 ​​​

这就很难处理。不升级吧，新特性兼容不了；升级吧，包体积变大，公司上层又未必同意。

下一步试试 esbuild 吧，或者回头手动打包一套 polyfill。目前设想的方案是：

1. 用 babel 之类的工具提取出所有特性
2. 根据 caniuse 生成必须的特性列表
3. 像上面说的 Promise，因为 bug 所以必须兼容，我们就不考虑了，可以反过来加一条 eslint 规则规避
4. 最终生成新的 polyfill 打包进来