如何运行使用 create-react-app 构建版本？

Question

因此，我使用 create-react-app 开发了一个小型 React 应用程序。（我总是从头开始申请。）

然后，在我对它有点满意之后，我决定运行 npm run build 进行优化的生产构建。

有人可以告诉我如何运行生产构建而不是开发构建吗？

Answer 1

当您运行 npm run build 时，您的控制台实际上应该显示如下内容

The build folder is ready to be deployed.
You may serve it with a static server:

npm install -g serve
serve -s build

构建脚本正在将您的整个应用程序构建到构建文件夹中，准备静态提供。然而实际服务它需要某种静态文件服务器，就像他们建议的那样。

在运行执行命令 serve -s build 后，您可以在本地主机（在指定端口上）访问您的生产版本。

您当然可以运行任何您喜欢的静态文件服务器，我通常为此使用 express，但是 serve 似乎是最简单的选择，只需使用一个命令即可提供您的静态文件。

Answer 2

使用这个命令：npm install -g serve -s build

Answer 3

首先在您的应用程序目录中导航。

根据官方 create-react-app 网站。当您运行 npm run build 时，您会创建一个 build 目录，其中包含您的应用程序的生产版本。

在运行执行上面的命令之后，您可以检查应用程序的构建版本的下一件事是安装 serve 以在端口 [=22= 上为您的状态站点提供服务]5000 默认。

npm install -g serve
serve -s build

这会将 link 复制到您的剪贴板，您可以将其粘贴到浏览器中并查看您应用的构建版本。

Answer 4

首先运行

npm install -g serve

会全局安装serve，然后执行

serve -s build

Answer 5

您必须先在全局安装服务包。

如果您正在使用 yarn，运行使用此命令：yarn global add serve。

对于 npm：npm install -g serve

然后执行： serve -s build

Answer 6

您也可以使用“服务”工具，使用“npx”。在这种情况下无需全局安装它。

npx serve -s build

How to run build version using create-react-app?