service-worker - 将 sw-toolbox 与 gulp 一起使用

标签 service-worker progressive-web-apps sw-precache sw-toolbox

我读了很多关于 sw-toolbox 和 sw-precache 的教程。 我的疑问是:

在阅读有关 sw-precache 的内容时,我发现大多数教程都使用 gulp + sw-precache

而在 sw-toolbox 情况下,我看到的示例和语法仅用于直接在 service-worker.js 中编写代码(没有 gulpfile 代码)。

我正在使用 gulp 自动生成 service-worker 文件。

所以我主要关心的是直接在gulp文件中编写sw-toolbox代码,这样我就不需要在生成sw-后编写sw-toolbox代码使用 gulp 预缓存

有疑问请评论

最佳答案

您无需为 sw-toolbox 手动编写单独的代码。您可以使用 sw-precache 中的 runtimeCaching 选项对其进行配置。配置此选项后,sw-precache 就会在 serviceWorker 中插入 sw-toolbox 库,并向其中添加不同的处理程序。您可以从此link找到更多详细信息.

关于service-worker - 将 sw-toolbox 与 gulp 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39423426/

相关文章:

javascript - 用于预加载 Web 应用程序资源的 XMLHttpRequest 和 Service Worker API 之间有什么区别

javascript - 单击通知打开已安装的 PWA

service-worker - 拦截 fetch 事件并返回 indexedDB 数据

javascript - 即使浏览器关闭,服务人员也会在后台运行吗?

progressive-web-apps - 使用 sw-precache 缓存外部资源

android - PWA 何时以及如何更新自身?

ntlm - 如何使用具有基本身份验证(NTLM、协商)的 Service Worker

javascript - 移动网站可以进行生物认证吗?

angular - 在 angular5 中使用 sw 预缓存时排除子站点 url

polymer - 服务 worker : How to build "Fresh" version of website for each new deployment?