Я хочу оптимизировать свой SPA для кэширования всех ресурсов веб-пакета, чтобы они быстрее загружались при следующей перезагрузке.
Мне не нужны автономные возможности, и я хочу, чтобы пользователи всегда получали новые версии как как только они перезагрузят страницу, «Новый контент недоступен; пожалуйста, обновите sh». message.
Насколько я понимаю, Webpack включает в себя хэши в именах каждого файла, поэтому имена файлов "уникальны" для разных версий. Поэтому моя стратегия - кэшировать все, кроме index.html
. Поэтому, когда пользователь нажимает кнопку перезагрузки, он всегда получает index.html
с сервера, а затем обслуживающий персонал обслуживает кэш для уже загруженных файлов.
Проще говоря, я хочу скопировать простое кэширование, как с заголовком Cache- Контроль.
Должен ли я использовать workbox-webpack-plugin
и GenerateSW(config)
метод? Как его настроить, чтобы исключить только index.html
из кеша и включить все остальное?