javascript - 如何减小 babel-polyfill 的大小(缩小后 150 KB)？

Question

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

导入'babel-polyfill';

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

所以 babel-polyfill (core-js) 占用了 150 Kb，这在我看来太多了。

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

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

Answer 1

150kb 的大小对我来说似乎是合理的，因为您要导入所有 polyfill。因此 webpack4 的 tree-shaking 功能不会删除任何未使用的代码，因为所有内容都已使用。

我可能假设来源声称整个包的大小应该是 ~60-80kb，意思是缩小 + 压缩后的大小。

你读过 instructions 了吗？如何正确使用 @babel/polyfill 库？它recommends @babel/preset-env 的用法只导入生产目标所需的 polyfill。这可能会大大减少您的包的大小。