Как использовать workbox-webpack-plugin вместе с Nuxt PWA

Question

В настоящее время я нахожусь на Nuxt с плагином PWA, включая модуль workbox. Однако, если я не ошибаюсь, этот плагин не позволяет добавлять ресурсы, сгенерированные веб-пакетом, в предварительное кэширование.

Можно ли использовать workbox-webpack-plugin только для создания предэширующей части файла sw.js? Если так, как это будет сделано?

Существует некоторая документация по https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin,, однако я не уверен, как применить это к контексту Nuxt PWA.

Answer 1

Оказывается, это только проблема в версии 3. Сейчас я использую следующий обходной путь:

• создать пустой файл plugins / sw-precache-register.js
• создать файл plugins / sw-precache.js со следующим содержимым:

workbox.precaching.precacheAndRoute(self.__precacheManifest)

• добавить в nuxt.config.js следующее:

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

...

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

Если у кого-то есть лучшее решение, я приму этот ответ.