是否有可重复使用的Service Worker进行缓存？

Question

给出一个包含多个HTML文件的简单静态网站。我希望网站一旦加载即可脱机使用。

是否有一个通用的Service Worker（CDN上的库）可以通过引用.js来使用？

我想用新的HTML页面和资源（图像）扩展我的网站，而不必更改Service Worker代码。当然，新资源只有在加载后才可以脱机使用。

Answer 1

我想您的问题是如何在不更改Service Worker的情况下缓存您定期添加的应用程序的新静态文件。

您可以使用通配符在路径/文件夹下进行缓存。如果所有图像都在“ / assets”下，则可以将其添加到如下所示的service worker（这是有角度的service worker语法。您的service worker看起来可能有所不同。但是键是“ / assets / **”）。您可以对所有路径进行此操作。

例如，您可能选择在/ api /下提供API或动态数据，并且可以从缓存中排除它们。

{
    "name": "assets",
    "installMode": "lazy",
    "updateMode": "prefetch",
    "resources": {
      "files": [
        "/assets/**"
      ]
    }
  }