Как кэшировать ресурсы вебпака и исключить индекс. html? - PullRequest
0 голосов
/ 07 марта 2020

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

Мне не нужны автономные возможности, и я хочу, чтобы пользователи всегда получали новые версии как как только они перезагрузят страницу, «Новый контент недоступен; пожалуйста, обновите sh». message.

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

Проще говоря, я хочу скопировать простое кэширование, как с заголовком Cache- Контроль.

Должен ли я использовать workbox-webpack-plugin и GenerateSW(config) метод? Как его настроить, чтобы исключить только index.html из кеша и включить все остальное?

1 Ответ

0 голосов
/ 28 марта 2020

У workbox-webpack-plugin есть опция исключения, которую вы можете использовать для исключения index.html.

Более подробную информацию можно найти здесь: https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-webpack-plugin.GenerateSW#GenerateSW

...