Webpack Workbox Service Worker是否重复加载或未从缓存读取？

我这里有两张图片：

在Google Chrome Inspector网络选项卡的第一个图像中，每个图像有两个操作，原因是什么

从缓存中提取

来自服务器的XHR

这是否意味着每次加载此页面时，我都会重新下载文件？应用程序是否应该只引用缓存并仅在文件更新时下载

我是否必须配置webpack，以便我的资产在其名称中使用哈希，以帮助进行版本控制，如.js文件

编辑： 这是在开发模式下，或者您正在使用的webpack dev server，它将立即从缓存中响应，但会自动执行

fetch（）

“在后台”以确保给定资产在下次请求时是新的

因此，你所看到的是预期的

---

如果您使用一个向资产添加哈希的方案，那么使用类似的策略更合适，因为您知道，如果缓存中有一个给定URL的条目，它总是与您期望的确切内容相对应。不过，在这种情况下，您还需要做的一件事是，通过设置缓存大小的上限，这样您就不会存储越来越多的同一资产的旧版本。

嗨，Jeff，您能回答这个问题吗：