如何在gulp/node中预渲染react应用程序？

npm install --save prerender-spa-plugin react-router-dom

const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;

module.exports = {
  plugins: [
    new PrerenderSPAPlugin({
      staticDir: path.join(__dirname, 'build'),
      routes: ['/', '/about', '/contact'], // 需要预渲染的路由
      renderer: new Renderer({
        renderAfterDocumentEvent: 'render-event',
      }),
    }),
  ],
};

const gulp = require('gulp');
const { exec } = require('child_process');

gulp.task('prerender', (callback) => {
  exec('npm run build', (err) => { // 先执行项目的构建命令
    if (err) {
      callback(err);
      return;
    }

    exec('npx webpack --config prerender.js', (err) => {
      if (err) {
        callback(err);
        return;
      }

      callback();
    });
  });
});

// 示例任务：构建React应用
gulp.task('build', ['prerender'], () => {
  // 执行其他构建任务
});

// 示例任务：运行开发服务器
gulp.task('serve', ['prerender'], () => {
  // 启动开发服务器
});

gulp prerender