我在哪里将 service worker 的 addEventListener 放在 create-react-app 中？

【问题标题】：Where do I put the addEventListener for service worker in create-react-app?我在哪里将 service worker 的 addEventListener 放在 create-react-app 中？
【发布时间】：2018-03-27 15:41:03
【问题描述】：

新的create-react-app 生成一个registerServiceWorker.js 文件。我正在关注this 教程，我想向服务人员添加一个获取侦听器。我不确定我的代码应该放在哪里。

我尝试在第 15 行插入 registration.addEventListener（请参阅 pastebin 链接）。但是捆绑器将其删除。我还尝试在第 20 行添加 navigator.serviceWorker.addEventListener，但效果不佳。

一些消息来源[1] 提到该应用程序需要被弹出。有没有不弹出的方法？

【问题讨论】：

标签： reactjs service-worker progressive-web-apps

【解决方案1】：

在插件页面 https://github.com/goldhand/sw-precache-webpack-plugin 他们说你可以定义任何 sw-precache 选项。

当您前往 sw-precache 页面 https://github.com/GoogleChromeLabs/sw-precache#options-parameter 时，您会发现一个选项 runtimeCaching：

如果您定义 runtimeCaching，它应该会自动将 sw-toolbox 添加到您的项目中。您现在可以为每个 urlPattern 定义一个处理程序，如“networkFirst”或“最快”（或编写您的自定义请求处理程序。）请参阅 github 页面上的示例。

这只是理论上它应该如何工作，我自己从未尝试过，但我希望它能给你一些帮助。（让我知道它是否有效:-)）

【讨论】：