如何使用 vite-pwa 将自定义 Service Worker 添加到 Nuxt 3？

Question

我正在尝试将 Nuxt 3 PWA 与

vite-plugin-pwa

粘合在一起，更具体地说是

@vite-pwa/nuxt

。我安装了模块并设置了基本配置（我基本上是按照这个视频）

我想要的

我要实现的第一个功能是在固定时间向用户发送推送通知。即使他们不在应用程序中，他们也应该收到推送通知。这就是我添加 PWA 模块的原因。

我不明白的

我不知道如何添加我的自定义服务工作者。 如果我理解正确，我可以编写一个服务工作者，它只使用通知 API 将推送通知发送到我的应用程序。不需要像 OneSignal 这样的服务（对吧？）。

据我了解文档 Vite PWA 在引擎盖下使用谷歌的工作箱，默认情况下它会生成一个服务工作者。如果您设置

injectRegister: 'script'

，它应该在我的应用程序的头部注入服务工作者注册（如here所述）。

现在，当我通过开发者工具搜索源代码时，我找不到任何 serviceWorker 脚本。奇怪的是，当我转到开发工具中的应用程序选项卡时，我可以看到一个 service worker

dev-sw.js

已注册。 这是怎么添加的？

我想我必须在配置中设置一个模式来告诉 workbox 不要为我生成 service worker 注册。这种模式应该称为 injectManifest，如此处和此处所述。但同样，我如何将其添加到我的代码中？

按照文档中的建议，我还查看了 elk 存储库。但不幸的是，他们采取了不同的方法，目前不使用 vite-pwa/nuxt。

如何添加我的自定义服务人员以发送推送通知？

有人在 Nuxt 3 中使用过 PWA，特别是与服务工作者一起工作并发送推送通知吗？