sw boilerplate

sw.js

// navigator.serviceWorker.register('sw.js');

var CACHE = "cache-name";

self.addEventListener("install", function (evt) {
  console.log("Установка");
  evt.waitUntil(precache());
});


self.addEventListener("fetch", function (e) {
  console.log("[ServiceWorker] Запрос", e.request.url);

  // проверяем кеш
  e.respondWith(
    caches
      .match(e.request)
      .then(function (response) {
        // если это есть в кеше
        if (response) {
          console.log(
            "[ServiceWorker] Found in Cache",
            e.request.url,
            response
          );
          // версия из кеша
          return response;
        }
        // сетевой запрос, как фоллбек
        return fetch(e.request)

      })
  ); 
});

function precache() {
  return caches.open(CACHE).then(function (cache) {
    return cache.addAll(["./style.css"]);
  });
}