自定义@angular/service-worker答案

【问题标题】：Customise @angular/service-worker自定义@angular/service-worker
【发布时间】：2019-02-09 02:20:52
【问题描述】：

如何自定义@angular/service-worker？我知道这不是在 npm_modules 文件夹中修改的合适方法。我遇到了一个教程，作者在其中创建了另外 2 个 js 文件。其中一个文件包含服务工作者代码，而另一个包含“importScripts()”以导入 ngsw-worker.js 文件和自定义服务工作者文件。它工作正常，自定义服务工作者侦听安装事件，但是当涉及到 fetch 事件时，它没有通过这个 fetch 事件侦听器。我没有在这个函数中得到控制台。我不知道为什么会这样。有人知道实现这一目标的原因或任何其他解决方案吗？

这是我遵循的教程的链接， Tutorial

【问题讨论】：

如果您不包含指向该教程的链接，任何人都很难回答有关该教程的问题。如果您有一些代码要发布，那也可能会帮助人们帮助您。
用链接更新了它。
教程链接失效了。

标签： service-worker angular-service-worker service-worker-events

【解决方案1】：

这个答案可能有点晚，但也许它仍然有用。无需修改由 Angular 生成的 Service Worker (SW)，您可以让其处理与缓存和离线支持相关的所有事情（开箱即用），并创建一个新的 Service Worker 来处理您需要的其他任务.这里有一个很好的示例，其中创建了第二个服务来处理推送通知：Push Notifications using firestore。

您可以使用此示例并创建自己的软件。

希望对你有帮助；）

【讨论】：