如何正确 Gulp 编译 Service Worker？

Question

我正在为我们的 Angular 1.5.x 应用程序开发一个新的服务工作者。在将其发送到生产环境之前，我担心的是我们的 Gulp 进程，它将所有应用程序 JavaScript 编译成一个缩小文件，并将所有供应商 JavaScript 编译成第二个缩小文件。我正在使用 service worker 来缓存 javascript 和 css 文件，因为我相信它会严重加快重复返回时的应用程序负载，而且我们每隔几个月才更新一次站点，所以我想我可以使用更新 service worker版本控制（如果我错了也请告诉我）。我的问题是我是否需要在我的 gulp 进程中将我的服务工作者的 javascript 文件分离出来到第三个文件？

我不肯定已注册的服务工作人员的行为方式，我不希望服务工作人员意外被缓存，然后不再有能力更新服务工作人员。我非常感谢您提供的任何解释或链接。谢谢！

Answer 1

是的，您需要为 service-worker 生成一个单独的文件。

浏览器尊重您的 sw 文件的标头缓存控制时间，并在与现有文件存在字节差异时更新您的 service-worker。

见The Service Worker Lifecycle => Updating the service worker

如果您使用特定于版本的缓存，请不要忘记重命名您的缓存。