我读了很多关于sw-toolbox和sw-precache的教程。我的疑问是:
在阅读sw-precache时,我发现大多数教程都使用gulp + sw-precache
。
而在sw-toolbox
的情况下,我看到的例子和语法只给出了直接在service-worker.js
中编写代码(没有gulpfile代码)。
我正在使用gulp自动生成service-worker
文件。
所以我主要关心的是直接在gulp文件中为sw-toolbox
编写代码,这样我就不需要在用gulp
生成sw-precache
后编写sw-toolbox
代码了
有疑问请留言
您不需要为sw-toolbox
手动编写单独的代码。您可以使用sw-precache
中的runtimeCaching
选项来配置它。一旦你配置了这个选项,sw-precache
就会在serviceWorker中插入sw-toolbox
库,并为它添加不同的处理程序。
当使用sw-precache时,它会生成service worker,并且你不能编辑该文件。
当使用sw-precache时,我会忽略sw-toolbox,只关注如何配置sw-precache来缓存静态文件和缓存运行时文件(即缓存图像或页面,因为它们被请求)