javascript - 如何对 workboxSW 预缓​​存项使用 staleWhileRevalidate？

Question

workboxSW.precache默认是cacheFirst，有没有办法改变它的策略？

workboxSW.precache(myPrecacheItems);

或者有没有办法在预缓存项上定义缓存名称，以便可以通过指定路由覆盖预缓存项？

Answer 1

预缓存基本上适用于您的静态资源，例如 css/js 等。对于这些资源，即使您不附加哈希值，workbox 也会在预缓存时附加哈希值。

因此，如果您更改这些内容，新的软件将发挥作用，并且将提供新的 bundle 。

而 staleWhileRevalidate 是一种运行时策略(主要用于动态数据，例如 API)。您可以在工作箱中为这些添加运行时处理程序并期望它们能够工作。

如果您仍然认为需要使用运行时策略进行预缓存，请详细说明您的用例。