如何使用创建-反应-应用运行构建版本？

Question

因此，我使用创建-反应-应用程序开发了一个小型 React 应用程序。（我总是从头开始制作应用程序。

然后，在我对它感到满意之后，我决定运行npm运行构建来制作优化的生产构建。

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

Answer 1

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

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

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

npm install -g serve
serve -s build

这将把链接复制到你的剪贴板，你可以粘贴到你的浏览器，并看到你的应用程序的内部版本。

Answer 2

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

npx serve -s build

Answer 3

当你运行 npm 运行时，你的控制台实际上应该说如下内容

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似乎是只使用一个命令来服务静态文件的最简单的选择。