如何将react应用程序导出为纯静态html

如何将react应用程序导出为纯静态html,html,reactjs,Html,Reactjs,像标题一样,我有一个由reactJS编写的登录页,它很小,我想导出到纯静态html。我已经研究过了,但没有找到任何解决方案。我曾经生成静态html和javascript文件 下面的代码将为您提供dist文件夹中的静态文件 const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname

像标题一样,我有一个由reactJS编写的登录页,它很小,我想导出到纯静态html。我已经研究过了,但没有找到任何解决方案。

我曾经生成静态html和javascript文件


下面的代码将为您提供dist文件夹中的静态文件

   const path = require('path');

   module.exports = {
      entry: './src/index.js',
      output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
      }
    };
然后,如果您有express server,则可以使用以下代码将静态文件发送到浏览器:

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);
});

您需要为生产构建,然后只有您才能获取静态文件基本上您需要构建它以获取所有静态文件,如果您使用create react app,您可以在此处找到有关部署的更多信息:@Hu的可能重复项ỳnhLợ印古语ễ不,我指的是一个静态html文件,就像您只需打开index.html文件就可以运行它一样。不运行任何命令然后创建react应用程序网站建议2个软件包:感谢您的解决方案,但需要部署到主机,我只需要一个index.html文件和更多的静态文件就可以在我的本地运行。你用什么来搭建你的应用程序?该网页将创建包括索引文件在内的所有静态文件谢谢,但我更喜欢使用open index.html文件而不是创建和节点服务器运行