将 sw-toolbox 与 gulp 一起使用
Using sw-toolbox with gulp
我看了很多关于sw-toolbox和sw-precache的教程。
我的疑问是:
阅读 sw-precache 时,我发现大多数教程都在使用 gulp + sw-precache
。
而在 sw-toolbox
案例中,我看到的示例和语法仅用于直接在 service-worker.js
中编写代码(没有 gulp 文件代码)。
我正在使用 gulp 自动生成 service-worker
文件。
所以我主要关心的是直接在 gulp 文件中为 sw-toolbox
编写代码,这样我就不需要在用 [=18] 生成 sw-precache
后编写 sw-toolbox
代码=]
有疑问请评论
使用 sw-precache 时,它会生成服务工作者,您无法编辑该文件。
当使用 sw-precache 时,我会忽略 sw-toolbox,只关注如何配置 sw-precache 来缓存静态文件和缓存运行时文件(即缓存图像或请求的页面)
您无需为 sw-toolbox
手动编写单独的代码。您可以使用 sw-precache
中的 runtimeCaching
选项对其进行配置。一旦你配置了这个选项,sw-precache
就会在 serviceWorker 中插入 sw-toolbox
库并向它添加不同的处理程序。您可以从 link.
中找到更多详细信息
我看了很多关于sw-toolbox和sw-precache的教程。 我的疑问是:
阅读 sw-precache 时,我发现大多数教程都在使用 gulp + sw-precache
。
而在 sw-toolbox
案例中,我看到的示例和语法仅用于直接在 service-worker.js
中编写代码(没有 gulp 文件代码)。
我正在使用 gulp 自动生成 service-worker
文件。
所以我主要关心的是直接在 gulp 文件中为 sw-toolbox
编写代码,这样我就不需要在用 [=18] 生成 sw-precache
后编写 sw-toolbox
代码=]
有疑问请评论
使用 sw-precache 时,它会生成服务工作者,您无法编辑该文件。
当使用 sw-precache 时,我会忽略 sw-toolbox,只关注如何配置 sw-precache 来缓存静态文件和缓存运行时文件(即缓存图像或请求的页面)
您无需为 sw-toolbox
手动编写单独的代码。您可以使用 sw-precache
中的 runtimeCaching
选项对其进行配置。一旦你配置了这个选项,sw-precache
就会在 serviceWorker 中插入 sw-toolbox
库并向它添加不同的处理程序。您可以从 link.