Supporting snippets for the workbox blog post.

sw-inject-manifest.js

// advanced config for injectManifest approach
importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js');

workbox.precaching.precacheAndRoute([]);

workbox.routing.registerRoute(
  new RegExp('https://some-other.com/routed-response/i-want-cached'),
  workbox.strategies.cacheFirst()
);

sw-registration.js

// script at bottom of index.html or main.js

if ('serviceWorker' in navigator && process.env.NODE_ENV === 'production') {
  window.addEventListener('load', () => {
    navigator.serviceWorker
      .register('sw.js')
      .then(r => {
        console.log('service worker registered in scope: ', r.scope);
      })
      .catch(e => console.log('SW error: ', e));
  });
}

workbox-config-inject-manifest.js

// config/workbox-config.js, with source sw defined

module.exports = {
  "globDirectory": "dist/",
  "globPatterns": [
    "**/*.{png,ico,html,css,js}"
  ],
  "swDest": "dist/sw.js",
  "swSrc": "src/sw.js"
};

workbox-config.js

// config/workbox-config.js

module.exports = {
  "globDirectory": "dist/",
  "globPatterns": [
    "**/*.{png,ico,html,css,js}"
  ],
  "swDest": "dist/sw.js"
};