javascript - 创建 react 应用程序: serve html in development

Question

将服务器(例如 Python 或 Java)与 CRA 集成可以通过两种方式完成:“CRA 优先”或“其他服务器优先”

我所说的 CRA-first 是指主要的服务组件是 React 服务器，因此使用 yarn start 为 React 应用程序提供服务，并调用 package.json 中配置的服务器 api > 的代理 设置。 Create React App 文档对此进行了简单且清晰的解释。

“其他服务器优先”是指您使用您选择的 Web 框架提供所有内容(HTML 等)，但提供的 HTML 也会加载 React 应用程序。该文档解释了如何在这种情况下部署(基本上是yarn构建应用程序并通常从HTML加载生成的JavaScript文件)，但没有解释如何在发展。

那么，我如何为任意服务器提供我可能的动态 HTML 并在此类 HTML 中引用 CRA 不断更新的部署 JavaScript？

Answer 1

文档中的静态服务器 https://facebook.github.io/create-react-app/docs/deployment#static-server 部分对此进行了解释。

您只需构建 yarn build 并使用 serve -s build 4000 为其提供服务。或者您可以使用 Apache/Nginx 或任何您想要的东西来代替 serve。但每次进行更改并重新启动服务器时，您都需要重建应用程序。这样你就不会得到热重载等。为此你需要 Webpack 服务器(CRA 将其集成在后台)。