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

Question

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

reactjsbuildproductioncreate-react-app

121

因此，我使用create-react-app开发了一个小型React应用程序。（我一直从头开始制作应用程序。）

然后，在我对其感到比较满意后，我决定运行npm run build来制作优化的生产版本。

请问有人可以告诉我如何运行生产版本而不是开发版本吗？

- Raj

6个回答

38

同时，您可以使用“serve”工具，使用“npx”命令。在这种情况下，无需全局安装它。

npx serve -s build

- Emad Armoun

2

404 | 找不到请求的路径 - Marzieh Mousavi

2

可能对其他人有帮助：serve 应该从 build 文件夹外部进行。 - mustangDC

这是正确的答案，不需要安装那个软件包，只需运行一次即可。 - Vladyslav Semeniuk

1

404 | 找不到请求的路径 - undefined

15

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

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

在运行上述命令后，您可以执行下一步操作以检查应用程序的构建版本，即安装 serve 并在默认端口 5000 上提供状态网站。

npm install -g serve
serve -s build

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

- proprgrmmr

6

可以用一行命令完成此操作：npx serve -s build。 - Andrew Furman

5

首先运行

npm install -g serve

它将全局安装serve，然后执行。

serve -s build

- Ujjwal Kumar

4

使用以下命令: npm install -g serve -s build

- LogicalProgrammer

2

你能简要解释一下这个命令的作用以及标志的含义吗？ - Peanut

1

如果你想练习运行生产构建，你需要全局安装serve。我认为这个命令很有意义 - 我认为它以狭义的方式回答了这个问题。 - Trujllo

2

首先，您需要全局安装serve包。

如果您使用yarn，请运行以下命令： yarn global add serve。

对于npm： npm install -g serve

然后执行以下命令：serve -s build

- Rishabh Garg

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- the_cheff · Accepted Answer

当你运行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

构建脚本将您的整个应用程序构建到build文件夹中，准备好进行静态服务。但是要实际提供服务需要某种静态文件服务器，比如他们提出的那个。

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

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