Workbox advanced recipes示例,带Gulp

Workbox advanced recipes示例,带Gulp,gulp,service-worker,workbox,Gulp,Service Worker,Workbox,我拼命地想用Gulp和Workbox generateSW库生成一个serviceworker,以便在没有连接的情况下为“offline.html”页面提供服务 我尝试使用workbox文档中给出的高级配方“仅脱机页面”,但没有成功() 其想法是使用Gulp Workbox generateSW库编写,该库相当于此普通函数: this.addEventListener('fetch', event => { // request.mode = navigate isn't sup

我拼命地想用Gulp和Workbox generateSW库生成一个serviceworker,以便在没有连接的情况下为“offline.html”页面提供服务

我尝试使用workbox文档中给出的高级配方“仅脱机页面”,但没有成功()

其想法是使用Gulp Workbox generateSW库编写,该库相当于此普通函数:

   this.addEventListener('fetch', event => {
  // request.mode = navigate isn't supported in all browsers
  // so include a check for Accept: text/html header.
  if (event.request.mode === 'navigate' || (event.request.method === 'GET' && event.request.headers.get('accept').includes('text/html'))) {
        event.respondWith(
          fetch(event.request.url).catch(error => {
              // Return the offline page
              return caches.match(offlineUrl);
          })
    );
  }
  else{
        // Respond with everything else if we can
        event.respondWith(caches.match(event.request)
                        .then(function (response) {
                        return response || fetch(event.request);
                    })
            );
      }
});

我可以使用lib缓存脱机页面,但找不到生成fetch部分的语法

有人能帮我吗?
非常感谢。

Workbox中也缺少关于如何使用脱机回退页面设置GenerateSW的文档。我这里有一个类似的问题,我没有正确地使用NavigateCallback来尝试和实现这一点。Workbox中也缺少关于如何使用脱机回退页面设置GenerateSW的文档。我这里有一个类似的问题,我没有正确地使用NavigateCallback来尝试和实现这一点。