Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/oracle/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 我应该在PWA构建中包含大文件以实现脱机功能吗?_Vue.js_Webpack_Service Worker_Progressive Web Apps_Offline Caching - Fatal编程技术网

Vue.js 我应该在PWA构建中包含大文件以实现脱机功能吗?

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应用程序构建较小

我正在开发一个带有Vue 3 CLI的PWA,它从一个单独的CMS/API中获取部分内容。该应用程序是一款触摸屏游戏,主要用例在没有互联网连接的情况下运行,尽管用户环境是受控的,并且可以在需要时通过ServiceWorkers同步和缓存最新更新来更新游戏

当我构建我的应用程序时,Webpack性能建议会警告超过建议大小限制的资产;在本例中,一个介绍视频(25MB)和一些字体文件(每个300kB)

我是否应该从CMS/API中提供视频和字体(以及其他大文件),并尽可能保持我的Vue应用程序构建较小,同时牢记离线功能的重要性?或者是否有充分的理由将字体和视频打包到Vue JS构建输出中


这是我的第一次PWA,所以我只是想确认一下,在这种情况下,如果应用程序脱机正常运行是一个优先事项,那么我是否需要遵循Webpack指导原则?

根据浏览器的不同,您可以存储一个限制


就我个人而言,我不建议存储这么大的视频文件。如果您的用户离线体验并不绝对需要它。

如果视频不是玩游戏所必需的,默认情况下我不会缓存它,但如果用户愿意,我会给他们机会

有些玩家可能有低配额数据计划,不想播放视频

这些字体看起来是一个很好的缓存资源