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

Question

我已经创建了一个测试React应用程序，并使用create-react-app启动它。我开始使用纱线启动，但它启动应用程序的调试版本。我做了npm run build并且它创建了build文件夹，但是当我从/ build文件夹启动yarn时，它仍然启动应用程序的调试版本。我需要这个用于测试优化版本的性能。我怎么解决这个问题？

Answer 1

您正尝试使用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在本地托管应用程序

Answer 2

如果您想在浏览器中运行您的应用程序，并在文件系统中本地提供构建文件（即，没有Web服务器），您可以将其放在package.json中：

"homepage": ".",

现在

1. 用npm run build构建你的应用程序。
2. 在浏览器中启动<your app>/build/index.html。

注意：如果您的应用程序（或某些路由库）使用的是HTML5 pushState历史记录API，则不建议使用此解决方案。 https://facebook.github.io/create-react-app/docs/deployment#serving-apps-with-client-side-routing