javascript - 如何减少 babel-polyfill 的大小（最小化 150 KB）？

Question

我刚刚设置了新的 webpack 4 项目，并在我的主 js 文件中导入了 babel-polyfill

import 'babel-polyfill';

在 webpack 生产构建之后，我分析了我的 bandle，source-map-explorer我看到了这样的图片

所以 babel-polyfill (core-js) 占用了150 Kb，这对 IMO 来说太多了。

有什么想法可以减小尺寸吗？我不想包含任何特定的 polyfill（应该有一些摇树，所以应该删除未使用的代码？）。

我使用这个样板：https ://github.com/flexdinesh/react-redux-boilerplate/tree/master/config

Answer 1

150kb的大小对我来说似乎是合理的，因为您正在导入所有 polyfill。因此 webpack4 的 tree-shaking 特性不会删除任何未使用的代码，因为一切都被使用了。

我可能会假设声称整个捆绑包大小的来源应该是〜60-80kb，这意味着缩小+压缩后的大小。

您是否阅读了如何正确使用该库的说明？@babel/polyfill它建议使用@babel/preset-env来仅导入生产目标所需的 polyfill。这可能会大大减少您的捆绑包的大小。