如何运行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从开发构建转变为生产构建，需要使用Web服务器进行部署，我建议使用Heroku或droplet或您可以使用Netlify使用以下命令进行简单的设置过程：

cd project-name
npm run build

npm install netlify-cli -g
netlify deploy

  

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

您可以使用apache，nginx，express

在本地托管应用

Answer 3

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

"homepage": ".",

现在

1. 使用npm run build构建您的应用。
2. 在浏览器中启动<your app>/build/index.htm l。

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

Answer 4

首先浏览您应用程序的目录。

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

在上面的命令运行命令后，您可以检查应用的构建版本是默认情况下安装serve以便在端口 5000 上为静态站点提供服务。 / p>

npm install -g serve
serve -s build

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