javascript - 当 ContentHash 的性能低于其他哈希策略时？

Question

在阅读了以下三种哈希策略后Webpack：

• Hash- 由构建本身决定。所有块都具有相同的哈希值。
• Chunkhash- 由条目文件确定，并将确定来自该条目的具有相同散列的任何其他块。
• Contenthash- 由块的内容决定（将我们的元数据留在哈希计算中）。

我唯一的结论是，前两个哈希策略会导致客户端多次下载未更改的块。

---

你能解释一下为什么前两种散列策略会比最后一次为客户端带来更好的性能吗？

标签： javascriptcachingwebpackbrowserhash

Answer 1

缓存作为一个对象工作，当下载一个文件时，浏览器会检查它是否已经有任何同名的文件。

现在，你有点回答了你的问题。当您使用前 2 个策略生成构建，发布它们，然后修改其内容，再次发布时，即使您进行了一次修改，用户也会再次下载所有内容。

当您使用 contenthash 时，哈希将根据该块的内容确定，因此如果您进行了任何修改，用户只需下载新文件，并且只是那些被修改的文件而不是整个包。