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

Question

背景故事：我原本打算切换到parcel v2，遇到了很多问题，并且真的开始不喜欢parcel。 我设法解决了一些问题，即使它们的错误消息非常不直观。 到了“包裹构建”正在运行但“包裹服务”不起作用的地步，并且无法在网上找到答案。 那时，我决定改用 Create React App，因为它更符合“行业”标准。 （谢谢你听我咆哮。）

当我使用parcel v1 时，我的开发环境设置正在运行“parcel index.html”（具有热模块替换），并且我在后端提供静态文件。

但我不知道如何使用 create-react-script 做到这一点。 “react-scripts start”不会构建到“build”文件夹，“react-scripts build”只构建一次，不重新加载。 我仍然想提供静态文件。 我应该怎么办？

Answer 1

如果您只是出于开发目的这样做，您可以使用后端服务器的代理，指向由 Create React App 运行的服务器。

例如，使用 Fastify，您可以在 1234 上为您的 React 应用程序提供服务，并从您的服务器代理到该应用程序，例如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');