workbox webpack runtime cache

webpack.config.js

new WorkboxWebpackPlugin.GenerateSW({
  clientsClaim: true,
  exclude: [/\.map$/, /asset-manifest\.json$/],
  importWorkboxFrom: "cdn",
  runtimeCaching: [
    {
      urlPattern: new RegExp("https://images\.ctfassets\.net"),
      handler: "cacheFirst"
    },
    {
      urlPattern: new RegExp("https://cdn\.contentful\.com"),
      handler: "cacheFirst"
    },
    {
      urlPattern: new RegExp("http://video\.ctfassets\.net"),
      handler: "cacheFirst"
    }
  ],
  navigateFallback: publicUrl + "/index.html",
  navigateFallbackBlacklist: [
    // Exclude URLs starting with /_, as they're likely an API call
    new RegExp("^/_")
    // Exclude URLs containing a dot, as they're likely a resource in
    // public/ and not a SPA route
    // new RegExp("/[^/]+\\.[^/]+$")
  ]
}