从parcel v1 -> CRA 切换，如何在开发过程中重新加载静态网页文件

Question

Backstory: I was originally going to switch to parcel v2, ran into a lot of issues, and really starting to dislike parcel. I managed to resolve some issues even though their error messages are very unintuitive. Got to a point that "parcel build" is working but "parcel serve" just doesn't, and can't find an answer online. At that point, I decided to switch to Create React App because it's more "industry" standard. (Thank you for listening to me rant.)

When I was using parcel v1, my setup for the dev environment is running "parcel index.html" (which has hot module replacement), and I'm serving the static files in my backend.

But I don't know how to do that with create-react-script. "react-scripts start" doesn't build to the "build" folder, "react-scripts build" only build once and no reload. I still want to serve the static file. What should I do?

Answer 1

If you're just doing this for development purposes, you could use a proxy from your backend server, pointing to the server run by the Create React App.

For example, with Fastify, you can serve your React app on 1234, and proxy to that from your server, with something like fastify-http-proxy :

const proxy = require('fastify-http-proxy');

// Normal routes here
fastify.register(proxy, { upstream: 'http://localhost:1234' });

fastify.listen(process.env.PORT, '0.0.0.0');