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

IT技术 reactjs build production create-react-app
2021-05-17 10:35:53

因此,我使用 create-react-app 开发了一个小型 React 应用程序。(我总是从头开始制作应用程序。)

然后,在我对它感到满意之后,我决定运行npm run build以进行优化的生产构建。

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

4个回答

当您运行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似乎是使用单个命令提供静态文件的最简单选择。

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

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

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

npm install -g serve
serve -s build

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

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

首先运行

npm install -g serve 

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

serve -s build