PWA Mode: Unable to exclude html from caching due to navigateFallback change

Hello!

In my app I do not want the html files to be cached by the Service Worker:

      workboxPluginMode: 'GenerateSW',
      workboxOptions: {
        exclude: [/\.html$/]
      },

Looks like the recent change https://github.com/quasarframework/quasar/commit/b646fd6b6d79808b13d7d417c31e82c3bb32aba6 defaults workbox navigateFallback to ‘index.html’.

This does not work correctly when attempting to exclude html files, see https://github.com/GoogleChrome/workbox/issues/1576#issuecomment-408162957

Maybe Quasar should not be assigning navigateFallback by deafult? Is there a way to remove navigateFallback from the workbox options when generating SW file?

Thanks!

[rstoenescu]

With future “@quasar/app” v1.8.7 you’ll be able to set navigateFallback to false which will completely disable this feature.

However, I think that what you actually want is described here: https://quasar.dev/quasar-cli/developing-pwa/configuring-pwa#Reload-%26-Update-Automatically

[jean-moldovan]

Hi, thanks for reopening this issue. I kind of get the idea of Quasar defaulting to index.html, so that users don’t have to configure it manually.

In case you want to ignore certain urls, you can do: navigateFallbackBlacklist: [url] // Workbox v4

In case you want to disable navigationFallback completely, you can do: navigateFallbackWhitelist: [] Even though it’ll result in a bit of a dodgy piece of code in your sw, it’ll do the job:

workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), {
  whitelist: [],  
});

Let’s review our options. Thanks again.

Related: https://github.com/GoogleChrome/workbox/issues/1767#issuecomment-553695250