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

Question

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

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

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

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

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

这种事情是否可行？如果可以，如何用代码实现？

Answer 1

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