如何从VueJS PWA SW预缓存中排除大块?

问题描述 投票:0回答:1

目前,我已经全新安装了vuejs应用,其中包含一些测试页面和组件。我所有的路线和组件都仅在用户转到特定路线或呈现组件并且在SPA和SSR模式下正常工作时才使用动态导入来加载js块。当它在开始时预取所有块时,在PWA模式下会出现问题。

我已经尝试过'排除'功能,但它仍预取了文件。

是否有排除完整路线的方法,例如/ admin要预取?因为这仅用于内部使用,而对于脱机使用则不需要。

我们正在使用webpack +工作箱捆绑程序。

任何帮助将不胜感激。

service-worker progressive-web-apps workbox
1个回答
0
投票

我编辑了您的问题的标题,以匹配您的实际要求。我希望我做对了:)

是的,有可能。您可以从要预先缓存的资产列表中排除延迟加载的块(“路由”或“页面”或其他内容)。

我假设您正在使用基于Vue CLI的项目。在https://cli.vuejs.org/config/#pwa中查找PWA配置选项。它将在此处https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa引导您完成Vue CLI PWA插件的整个配置。这将告诉您如何将任何选项传递给基础的workbox-webpack-plugin。您需要的是excludeChunks选项,在这里https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin#full_generatesw_config进行介绍。

© www.soinside.com 2019 - 2024. All rights reserved.