如何减少babel-polyfill尺寸（150 KB缩小）？

Question

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

import 'babel-polyfill';

在webpack制作之后，我使用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的摇树功能不会删除任何未使用的代码。

我可能会认为声称整个捆绑包大小的消息来源应为〜60-80kb，这意味着经过压缩+压缩后的大小。

您是否已正确阅读@babel/polyfill库的instructions？ recommends使用@babel/preset-env来仅导入生产目标所需的polyfill。这可能会大大减小捆绑包的大小。