Vue.js 我应该在PWA构建中包含大文件以实现脱机功能吗?
我正在开发一个带有Vue 3 CLI的PWA,它从一个单独的CMS/API中获取部分内容。该应用程序是一款触摸屏游戏,主要用例在没有互联网连接的情况下运行,尽管用户环境是受控的,并且可以在需要时通过ServiceWorkers同步和缓存最新更新来更新游戏 当我构建我的应用程序时,Webpack性能建议会警告超过建议大小限制的资产;在本例中,一个介绍视频(25MB)和一些字体文件(每个300kB) 我是否应该从CMS/API中提供视频和字体(以及其他大文件),并尽可能保持我的Vue应用程序构建较小,同时牢记离线功能的重要性?或者是否有充分的理由将字体和视频打包到Vue JS构建输出中Vue.js 我应该在PWA构建中包含大文件以实现脱机功能吗?,vue.js,webpack,service-worker,progressive-web-apps,offline-caching,Vue.js,Webpack,Service Worker,Progressive Web Apps,Offline Caching,我正在开发一个带有Vue 3 CLI的PWA,它从一个单独的CMS/API中获取部分内容。该应用程序是一款触摸屏游戏,主要用例在没有互联网连接的情况下运行,尽管用户环境是受控的,并且可以在需要时通过ServiceWorkers同步和缓存最新更新来更新游戏 当我构建我的应用程序时,Webpack性能建议会警告超过建议大小限制的资产;在本例中,一个介绍视频(25MB)和一些字体文件(每个300kB) 我是否应该从CMS/API中提供视频和字体(以及其他大文件),并尽可能保持我的Vue应用程序构建较小
这是我的第一次PWA,所以我只是想确认一下,在这种情况下,如果应用程序脱机正常运行是一个优先事项,那么我是否需要遵循Webpack指导原则?根据浏览器的不同,您可以存储一个限制
就我个人而言,我不建议存储这么大的视频文件。如果您的用户离线体验并不绝对需要它。如果视频不是玩游戏所必需的,默认情况下我不会缓存它,但如果用户愿意,我会给他们机会 有些玩家可能有低配额数据计划,不想播放视频 这些字体看起来是一个很好的缓存资源