Как исключить чанк из предэшаша VueJS PWA SW?

Question

В настоящее время у меня свежая установка приложения vuejs с некоторыми тестовыми страницами и компонентами. Все мои маршруты и компоненты используют динамический импорт для загрузки фрагментов js, только когда пользователь переходит на определенный маршрут или компонент отображается, и он работает нормально в режимах SPA и SSR. Проблема возникает в режиме PWA, когда при запуске выполняется предварительная выборка всех чанков.

Я попытался выполнить функцию «исключить», но файл все еще был предварительно извлечен.

Существует ли способ исключить полные маршрутыНапример, / admin будет предварительно выбран? Поскольку это только для внутреннего использования и не требуется для автономного использования.

Мы используем webpack + упаковщик рабочих коробок.

Любая помощь будет высоко ценится.

Answer 1

Я изменил заголовок вашего вопроса, чтобы он соответствовал тому, что вы на самом деле спрашиваете. Надеюсь, я правильно понял:)

Да, это возможно. Вы можете исключить ленивый загруженный кусок («маршрут» или «страница» или что-то еще) из списка ресурсов для предварительного кэширования.

Я предполагаю, что вы используете проект на основе Vue CLI. Ищите здесь параметры конфигурации PWA https://cli.vuejs.org/config/#pwa. Это приведет вас ко всей конфигурации плагина Vue CLI PWA здесь https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa. Это скажет вам, как передать любые параметры в базовый плагин workbox-webpack-plugin,Вам нужна опция excludeChunks, описанная здесь https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin#full_generatesw_config.