feat(workbox): assetsURLPattern, pagesURLPattern

docs/modules/workbox.md

@@ -123,6 +123,21 @@ Workbox takes a lot of the heavy lifting out of precaching by simplifying the AP
 
 (String) Loads and inserts the contents of the specified file path into the service worker script, below autogenerated calls to `workbox.routing.*`. You may add as many extra calls as you want to this file.
 
+### `assetsURLPattern`
+
+(String/Regex) Pattern to match assets for runtime caching.
+
+Default is auto generated based on `publicPath`. Supports CDN too.
+
+Default: `/_nuxt/(?!.*(__webpack_hmr|hot-update))`
+
+### `pagesURLPattern`
+
+(String/Regex) Pattern to match pages to be offlined.
+
+Default is auto generated based on `router.base`.
+
+Default: `^/(?!.*(__webpack_hmr|hot-update))`
 
 <!-- SW -->
 

packages/workbox/lib/defaults.js

@@ -31,6 +31,8 @@ module.exports = {
   runtimeCaching: [],
   routingExtensions: [],
   cacheAssets: true,
+  assetsURLPattern: undefined,
+  pagesURLPattern: undefined,
 
   // Sw
   swTemplate: undefined,

packages/workbox/lib/options.js

@@ -41,17 +41,23 @@ function getOptions (moduleOptions) {
   }
 
   // Cache all _nuxt resources at runtime
+  if (!options.assetsURLPattern) {
+    options.assetsURLPattern = joinUrl(options.publicPath, HMRRegex)
+  }
   if (options.cacheAssets) {
     options.runtimeCaching.push({
-      urlPattern: joinUrl(options.publicPath, HMRRegex),
+      urlPattern: options.assetsURLPattern,
       handler: 'cacheFirst'
     })
   }
 
   // Optionally cache other routes for offline
+  if (!options.pagesURLPattern) {
+    options.pagesURLPattern = joinUrl(`^${options.routerBase}`, HMRRegex)
+  }
   if (options.offline && !options.offlinePage) {
     options.runtimeCaching.push({
-      urlPattern: joinUrl(`^${options.routerBase}`, HMRRegex),
+      urlPattern: options.pagesURLPattern,
       handler: 'networkFirst'
     })
   }