Cache Static Content

[web-dave]

• define a array with all your static files as strings
• create a cache (find a good name)
• add all files from the Array to this cache
• respond the cached files in ServiceWorker
• check the DevTools

[web-dave]

sw.js

const cachefiles = [
  'runtime-es2015........js',
  'runtime-es5........js',
  'polyfills-es2015........js',
  'polyfills-es5........js',
  'main-es2015........js',
  'main-es5........js',
  'styles.....css',
  '/',
  'index.html'
]

[web-dave]

sw.js

caches
     .open('angular-pwa')
     .then(cache => cache.addAll(cachefiles ))
     .then(() => self.skipWaiting())

[web-dave]

sw.js

self.addEventListener("fetch", e => {
// Static Content
 e.respondWith(
   caches.match(e.request)
   .then(response => response || fetch(e.request))
 );
});

[web-dave]

Next