Как настроить sw-precache-webpack-plugin для кэширования пользовательских путей

Question

Я создал приложение "Реакция" с помощью команды "Создать-реагирование-приложение" и удалило егоservice-worker.js ищет /index.html, /static/js/main.js а также /static/css/main.css кешировать. Я хочу настроить его для поиска /index.html, /js/main.js а также /js/main.css без изменения их выходного каталога. Спасибо

Answer 1

Первое, что нужно знать, это то, что sw-precache на самом деле не включает ваш исходный код. Они создают список файлов, которые будут извлекаться и храниться в кэше, как только они будут установлены.

Тем не менее, если вы удалили, я бы порекомендовал вам обновить до последней версии, которая теперь называется Workbox. ( https://developers.google.com/web/tools/workbox/get-started/webpack)

Я всегда использую его, чтобы он сканировал каталог на предмет определенных типов файлов и включал их. Поэтому, если я когда-нибудь добавлю изображение в каталог, оно будет включено в нового сервис-работника. Вы можете настроить сканирование вашей папки сборки.

new workboxPlugin({
  globDirectory: path.resolve('build'),
  globPatterns: ['**/*.{html,js,css,png,svg}'],
  swDest: path.resolve('dist', 'sw.js'),
}),

Для других вариантов (таких как игнорирование больших файлов, не обновление хэшированных активов и т. Д. Вы можете посмотреть документацию по конфигурации здесь: ( https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build)