因此,我使用 create-react-app 开发了一个小型 React 应用程序。(我总是从头开始制作应用程序。)
然后,在我对它感到满意之后,我决定运行npm run build
以进行优化的生产构建。
有人可以告诉我如何运行生产版本而不是开发版本吗?
因此,我使用 create-react-app 开发了一个小型 React 应用程序。(我总是从头开始制作应用程序。)
然后,在我对它感到满意之后,我决定运行npm run build
以进行优化的生产构建。
有人可以告诉我如何运行生产版本而不是开发版本吗?
当您运行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