javascript - ReactJS/Flask 应用程序呈现在“npm build”之后添加的给定 JSX 文件

Question

我正在尝试构建一个可以呈现在 npm 构建之后添加/修改的 JSX 文件的反应应用程序。

更多详情如下

我有一个带有各种数据表和图表组件的单页反应应用程序，它们从烧瓶后端获取数据。所有这些组件都放在一个 JSX 文件 (result.jsx) 中。

在“npm build”之后，我可能需要更改页面的数据内容或布局（例如向页面添加额外的表格/图表）。通过修改flask后端，可以轻松更新数据内容，但对于布局我目前需要再次修改result.jsx和npm build。

每当更改 result.jsx 文件时，有没有办法避免执行 npm build ？我想将 result.jsx 保留在 npm 构建之外以保持它的灵活性，并让反应前端简单地反映这个 resuit.jsx

标签： javascriptpythonreactjsflask

Answer 1

在您的构建输出中，您没有一个正在运行的进程来获取目录中的 JS 文件，它们都被连接到一个文件中。JSX 是通过构建工具编译成 JS 的，如果没有这一步，浏览器是无法理解的。

如果您想要响应数据的组件，则必须对它们进行编码才能做到这一点。你也许可以使用 React Router 和动态路由做一些事情，但这仍然指向编码的组件文件。