Preact生成大小太大

Question

我正在使用preact，遵循文档，我已经使用命令npx preact-cli create default my-project来设置项目。有人建议preact项目伴随着较小的大小，所以我决定测试它，并立即尝试npm run build，而不更改模板。结果显示build文件夹的大小超过了700kb。我读到它应该在30 to 50 kb附近。我需要达到这个规模，为项目，因为preact被选择是因为它的规模很小。

Answer 1

包的大小不是通过输出目录的原始大小来衡量的。

首先，输出目录包含在包大小讨论中不使用的内容。提供了图像、SSR中间输出(与预渲染的实际结果分开)和用于非ESM环境的半复制输出等项目。这些都不会影响包的大小。

其次，您忽略了路由拆分。routes/中的每个组件都是自动拆分的，因此用户只有在导航到它们时才会获得每条路径。假设您有/、/about和/error。请求/时，不会将/about和/error的内容发送给客户端。您可能有数百个页面的内容，但这并不意味着它们都是一次性加载的。

第三，磁盘上目录的大小不是压缩的，这与the服务器的输出不同。Gzip和Brotli在他们所做的事情上相当出色，并将进一步缩小尺寸。

Preact-CLI有一个在构建时打开捆绑包分析器的选项(preact build --analyze)。否则，运行我们附带的类似生产的服务器并打开您的浏览器。您可以像客户端一样查看包(不包括压缩)。