Preact捆绑包大小太大vs create-react-app？

Question

我正在考虑将我的项目过渡到Preact，以减少我的捆绑包大小。我想看看Preact是否真的创建了一个更小的捆绑包。然而，经过比较，差异比我预期的要小。

Preact，39kb：

​

React 45kb：

​

我是不是在实现中做错了什么？

我使用preact build --analyze分析了Preact包，并为React应用程序使用了webpack包分析器。

Answer 1

正如本杰明所说，Preact-CLI不仅输出捆绑包，还输出许多项。

首先，它默认输出CJS和ESM。ESM更好，较新的浏览器将使用它，而较旧的回退到CJS。这实际上是对包大小的自动复制(10kb x2 = 20kb总数)。这是一件好事，只有1个会被发送给你的用户。

此外，我们会自动提供您的用户可能需要的任何多边形填充。同样，这些只提供给需要它们的浏览器。如果有人在IE中加载您的站点，他们将获得允许其工作的polyfills。现代的Chrome甚至不会要求它。

你的服务人员也在里面。最小，但包含在内。

所有这些项目加起来比你的单个React捆绑包还少。如果需要，可以禁用左侧窗格中的所有附加功能，以便更好地进行比较。希望这更符合你的期望。