Preact 构建尺寸太大
Preact build size is too large
我正在使用 preact，按照文档，我使用命令 npx preact-cli create default my-project 来设置项目。建议 preact 项目伴随小尺寸，所以我决定测试它并立即尝试 npm run build，而不更改样板。结果显示 build folder.I 的大小略超过 700kb 已经读到它应该在 30 to 50 kb 左右。对于这个项目，我需要达到这个大小，因为它的大小很小，所以选择了 preact。
捆绑包大小不是根据输出目录的原始大小来衡量的。
首先，输出目录包含不用于讨论包大小的内容。提供了图像、SSR 中间输出（与预渲染的实际结果分开）和非 ESM 环境的半复制输出等项目。 None 其中会影响您的捆绑包大小。
其次，您忽略了路由拆分。 routes/ 中的每个组件都会自动拆分出来，因此用户只有在导航到它们时才会获得每条路线。假设您有 /、/about 和 /error。请求/时，/about和/error的内容不会发送给客户端。您可能有数百页内容，但这并不意味着它们会被一次加载。
第三，磁盘上该目录的大小未压缩，这与网络服务器输出不同。 Gzip 和 Brotli 在他们所做的事情上相当出色，并将进一步减小尺寸。
Preact-CLI 有一个选项可以在您的构建中打开包分析器 (preact build --analyze)。否则，运行 我们附带的类似生产的服务器并打开您的浏览器。您可以像客户端一样查看捆绑包（减去压缩）。
我正在使用 preact，按照文档，我使用命令 npx preact-cli create default my-project 来设置项目。建议 preact 项目伴随小尺寸，所以我决定测试它并立即尝试 npm run build，而不更改样板。结果显示 build folder.I 的大小略超过 700kb 已经读到它应该在 30 to 50 kb 左右。对于这个项目，我需要达到这个大小，因为它的大小很小，所以选择了 preact。
捆绑包大小不是根据输出目录的原始大小来衡量的。
首先，输出目录包含不用于讨论包大小的内容。提供了图像、SSR 中间输出（与预渲染的实际结果分开）和非 ESM 环境的半复制输出等项目。 None 其中会影响您的捆绑包大小。
其次，您忽略了路由拆分。 routes/ 中的每个组件都会自动拆分出来，因此用户只有在导航到它们时才会获得每条路线。假设您有 /、/about 和 /error。请求/时，/about和/error的内容不会发送给客户端。您可能有数百页内容，但这并不意味着它们会被一次加载。
第三，磁盘上该目录的大小未压缩，这与网络服务器输出不同。 Gzip 和 Brotli 在他们所做的事情上相当出色，并将进一步减小尺寸。
Preact-CLI 有一个选项可以在您的构建中打开包分析器 (preact build --analyze)。否则，运行 我们附带的类似生产的服务器并打开您的浏览器。您可以像客户端一样查看捆绑包（减去压缩）。