时间戳

首页 > 解决方案 > 将 React 应用程序导出为静态 HTML

reactjs - 将 React 应用程序导出为静态 HTML

问题描述

我创建了一个新的 React 应用程序。就目前而言，它只是 Visual Studio 的模板；新项目 -> Asp.Net Core -> React。

当应用程序运行时，屏幕上会显示一个动态内容元素。我想要做的是获取此页面的某种 HTML 转储，以便我可以将其粘贴到静态 Web 应用程序中并呈现相同的屏幕。

我环顾四周，发现了一些工具，例如react-snapshot似乎可以满足我的需求；但是，您似乎进出；也就是说，您要么动态渲染，要么静态渲染。我只想要 HTML 的静态转储，并希望保持原样呈现。

例如，在我的 Javascript 中，我有以下代码：

const htmlSection = document.getElementById("MyHtml");
// Export Html Here

这种事情是否可能，如果可以，如何在代码中实现？

标签： reactjsasp.net-core

解决方案

您可以使用该fs模块来读取您的索引文件，如下所示： fs.readFileSync(path[, options])

推荐阅读