如题，我有一个reactJS写的登陆页面，很小，想导出为纯静态html。我已经研究过，没有找到任何解决方案。
【问题讨论】：
下面的代码将为您提供 dist 文件夹中的静态文件。
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
}
};
如果你有快速服务器，你可以使用下面的代码将静态文件发送到浏览器：
app.use('/dist', express.static(path.join(__dirname, 'dist')));
// Here put all your API route.
router.get('*', (req, res) => {
const route = path.join(__dirname, '..', 'dist', 'index.html');
res.sendFile(route);
});
【讨论】：
您需要使用以下工具预渲染它们 https://www.npmjs.com/package/react-snapshot 要么 https://github.com/stereobooster/react-snap
这实际上是您当前构建的快照，但可以作为可以从任何浏览器甚至离线运行的纯 html/css/js。也有更高级的框架，比如 Gatsby，但这 2 应该足以解决更简单的问题。
【讨论】：
react-snapshot 链接（编辑：..或更改为它的 GH 链接？），因为它是README.md on GitHub 说它已被弃用，推荐 react-snap 无论如何。 (:
将 react 应用程序转换为完整的静态 HTML 是不可能的，因为“动态呈现”是整个 react 正在运行的。虽然如果您想要等效的 html，您可以通过检查从浏览器中获取，但这不是 100% 可靠的解决方案。
即使您有一个简单的 React 应用程序，例如。简单的 hello world，您可以在运行时通过检查获得等效的 HTML 和 css，但如果有人使用过路由器或状态等，则无法将其转换为 STATIC HTML 并轻松保留其所有工作。
您提到的一点是您希望它仅通过运行 index.html 来运行，这是可能的，但这也不是静态 html。
运行 npm build 或 yarn build ，这将生成一个 build 目录，其中你有静态文件夹 index.html，所有你的 css ， js 文件，所有压缩，准备部署。现在你可以简单地运行 index.html，所有的 css，js 已经链接在那个 HTML 文件中，这个构建只是你的 react 应用程序的普通版本，它将直接在浏览器中运行，只需运行 index.html，不需要节点环境！
所以，你的第二部分解决了你有index.html，你可以直接在浏览器中运行它。
如果你想要单个 HTML 文件，你可以在构建后手动将所有 CSS 和 js 分别移动到 index.html 中的 style 和 script 标签。
【讨论】：