将 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.

中找到更多详细信息