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

Question

我创建了一个测试 React 应用程序，并使用create-react-app启动它。我使用yarn start启动它，但这会启动应用程序的调试版本。我做了npm run build并创建了 build 文件夹，但是当我从/build文件夹执行yarn start时，它仍然启动应用程序的调试版本。我需要这个来测试优化版本的性能。我该如何解决这个问题？

Answer 1

您实际上可以使用静态服务器来运行您的应用程序的构建版本。使用serve是可行的。您可以使用以下方法对其进行测试：

npm run build

npx serve -s build

Answer 2

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

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

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

npm install -g serve
serve -s build

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

Answer 3

您正在尝试使用 create-react-app 从开发构建转移到生产构建，您需要使用 Web 服务器部署它，我建议使用Heroku或Droplet，或者您可以使用Netlify，它有一个简单的设置过程使用以下命令：

cd project-name
npm run build

npm install netlify-cli -g
netlify deploy

按照命令行提示，为新项目选择 yes，并选择 ./build 作为部署文件夹，瞧，您就有了一个生产 React 应用程序！

您可以使用apache、nginx、express在本地托管应用程序