React应用是否必须运行独立服务器进程？能否构建为静态资源部署？

Absolutely you can! Coming from Angular, this workflow will feel right at home once you know the ropes—create-react-app (the tool you’ve seen in tutorials) actually supports this production-ready workflow out of the box, and it’s exactly how you’d deploy your React app to any web server, including your Node.js Express backend.

Here’s how it works:

• Build your static production bundle
  When you’re ready to deploy, run the command npm run build in your create-react-app project. This will generate a build folder in your project root—this is your equivalent of Angular’s dist folder. Inside it, you’ll find:

  • A minified and optimized index.html (with all necessary JS/CSS assets automatically linked)
  • Compiled JavaScript files (your JSX has already been transpiled to plain JavaScript, so no browser-side processing is needed)
  • Optimized CSS, images, and other static assets

• Deploy to any web server
  Just like with Angular’s static files, you can host this build folder on any web server—Apache, Nginx, or your Node.js Express backend. For Express specifically, you’d use the express.static middleware to serve the static files, plus a catch-all route to handle client-side routing (if your app uses it). Here’s a quick example:

  const express = require('express');
  const path = require('path');
  const app = express();
  
  // Serve static files from the build directory
  app.use(express.static(path.join(__dirname, 'build')));
  
  // Catch all routes and return index.html (for client-side routing)
  app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, 'build', 'index.html'));
  });
  
  app.listen(3000, () => {
    console.log('Server running on port 3000');
  });
  

• No need for manual script tags or JSX in the browser
  The build process handles all JSX transpilation, so the final files in the build folder are standard HTML/CSS/JS that any browser can understand. You don’t have to mess with adding React via script tags unless you want to—this production build is self-contained.

If you ever outgrow create-react-app, tools like Vite or custom Webpack/Babel setups also let you generate the same kind of static build folder, but create-react-app is the easiest starting point when moving from Angular to React.

内容的提问来源于stack exchange，提问作者chrispytoes