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

Question

所以,我使用create-react-app开发了一个小型的React应用程序.(我总是从头开始申请.)

然后,在我对此感到高兴之后,我决定开始npm run build优化生产.

有人可以告诉我如何运行生成版本而不是Dev版本？

Answer 1

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

npx serve -s build

Answer 2

当你运行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您可以在localhost(在指定端口上)访问生产版本.

您当然可以运行您喜欢的任何静态文件服务器,我通常使用express来实现这一点,但serve似乎是使用单个命令提供静态文件的最简单选项.

Answer 3

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

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

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

npm install -g serve
serve -s build

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

Answer 4

首先运行

npm install -g serve 

它将全局安装服务，然后执行

serve -s build