配置 React 应用在生产环境中的启动方式

Question

create-react-app 和 npm 菜鸟在这里，我在部署到生产时遇到了一些麻烦。当我启动我的应用程序时，我想启动一个特定的 js 文件，并运行正常的react-scripts start。所以在我的package.json 中，我有以下内容。

"scripts": {
  "start": "node -r esm src/server.js & react-scripts start",
  ...
}

当我运行 npm start 时，它运行良好，两个脚本都在本地执行并且启动并运行。

我的粗略阅读似乎表明npm start 只是用于开发。在生产中，build/ 文件夹将被使用，并且......我无法弄清楚它是如何运行的。在本地测试，运行npm run build 后，会创建build/ 文件夹。然后运行serve -s build，执行了一些东西，但这不是我的npm start 脚本。看起来它只是react-scripts start。尝试部署到 Firebase 和 Netlify 等多个真实生产服务器的行为方式相同。

那么，生产构建究竟是如何开始的呢？以及如何将其配置为像我的开发版本一样。

我觉得我一定是误解了一些基本的东西，因为我在网上找不到任何解释，但我们将不胜感激。

如果您对我为什么会有这种奇怪的设置感兴趣，我正在尝试将boardgame.io 与多人服务器一起部署。

Answer 1

使用npm start 的原因是您可以即时启动本地Web 服务器并与nodemon 和其他好东西配对，可以轻松查看对源代码的更改，就像它在生产中一样。

npm build 将源代码转换为适合生产的轻量级延迟加载包。构建完成后，您可以使用 Web 服务器托管 build/index.html 并从那里访问该站点。您使用什么来托管它取决于您（最常见的是nginx，但您可以使用apache 或node 之类的东西，就像您在serve -s build 中提到的那样）。