How to export react app to pure static html

Question

Like the title, I have a landing page written by reactJS, it's small and I want to export to pure static html. I've researched and not found any solution.

Answer 1

I used webpack to generate static html and javascript files.

here is a good guide on how to start

Answer 2

The below code will give you the static file in the dist folder.

   const path = require('path');

   module.exports = {
      entry: './src/index.js',
      output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
      }
    };

Then you can use below line code to send static files to browser, if you have 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);
});