Как получить кэшированный файл, используя рабочий ящик

Question

Я сохранил файл в кеше, используя workbox. Смотрите схему ниже.

По сути, я хочу взять это offline.html и отобразить его всякий раз, когда у нас нет соединения:

this.addEventListener('fetch', (event) => {
  event.respondWith(
    fetch(event.request.url).catch(() => {
      // Return custom the offline page
      return new Response(offline, {
        headers: {'Content-Type': 'text/html'}
      });
    })
  );
});