vue.js - 我是否应该在 PWA 构建中包含大文件以实现离线功能？

Question

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

当我构建我的应用程序时，Webpack 性能建议警告 Assets 大于建议的大小限制；在这种情况下，介绍视频 (25MB) 和一些字体文件(每个 300kB)。

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

这是我的第一个 PWA，所以我只是想确认在这种情况下是否遵循 Webpack 指南，因为应用程序离线正常运行是一个优先事项？

Answer 1

根据您的浏览器，您可以存储一个限制 How Much Can You Store

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