Javascript 如何与Nuxt PWA一起使用workbox webpack插件

我目前在Nuxt上使用PWA插件，包括workbox模块。然而，如果我没有弄错的话，这个插件不允许将webpack生成的资产添加到precaching中

是否可以使用workbox webpack插件仅生成sw.js文件的预缓存部分？如果是的话，将如何进行

---

有一些关于的文档，但是我不确定如何将其应用于Nuxt PWA上下文。

结果表明，这只是版本3中的一个问题。 目前，我正在使用以下解决方法：

• 创建空文件plugins/sw-precache-register.js
• 创建包含以下内容的文件插件/sw-precache.js：

• 将以下内容添加到nuxt.config.js：

---

如果有人有更好的解决方案，我会接受这个答案。

这仍然是一个好答案吗？我还想知道如何解决这个问题，我收到一个浏览器控制台警告说“Workbox正在预处理URL，没有修订信息…”

workbox.precaching.precacheAndRoute(self.__precacheManifest)

import { InjectManifest } from 'workbox-webpack-plugin'

...

  workbox: {
    importScripts: ['_nuxt/sw-precache.js'],
    workboxExtensions: ['~/plugins/sw-precache-register.js']
  }