当没有新数据可用时,将 React 应用程序保存到静态 html



我正在开发一个基于 Java 的胖客户端应用程序。现在我们有一个小的 react 应用程序,它作为用户交互的一部分打开,以显示一些 UI,当我使用 react 应用程序轮询以获取新的更新 json 数据并且用户看到实时更新时,这些 UI 会更新。此更新持续时间很短,在某一点之后,它不会更新,因为没有新数据和轮询停止。现在我希望能够做的是将这个带有当前 json 数据的应用程序导出到用户的静态 html 中,以便在打开 html 文件时可以看到它而不依赖于任何其他内容。

注意:我分别访问了 json 数据(json 文件(。

我尝试过:

我编辑了包.json

"homepage": ".",

我添加了一个硬编码的 json 文件以提供给我的应用程序,而不是像下面这样调用后端,这部分代码可能是我可以通过在 react 代码中创建 cutom NODE_ENV(仅用于导出(来管理

import jsonData from "./data.json";

现在,如果我使用"npm run build"构建应用程序,如果我单击索引.html,一切正常

但是作为"npm run build"的一部分,"data.json"文件被合并到"*chunk.js",有没有办法把这个json文件分开(不合并到*.chunk.js(文件,所以我可以简单地用正确的/新内容更新"data.json"文件,并将构建内容发送给用户,当索引.html打开时可以看到

另外,请建议是否有更好的方法来实现这一目标

蒂亚

可能是小黑客。但我最终实现了这个目标。

  • 按需使用 Java api,我最终使用 manifest.json 定位了主 *.js 文件,并替换了我放置的虚拟 json 内容。也就是说,我将所有 json 内容内联在 main*.js 文件中,并将所有图像资源放在当前目录中。现在打开索引.html一切正常。

最新更新