我使用 create-react-app 开发了一个小型 React 应用程序。(我一直从头开始制作应用程序。)
然后,在我对此感到满意之后,我决定运行npm run build以进行优化的生产构建。
有人能告诉我如何运行生产版本而不是开发版本吗?
要运行使用创建的 React 应用程序的生产版本create-react-app,您需要遵循以下步骤:
create-react-app
npm run build
build
您可以使用简单的 HTTP 服务器来serve在本地提供构建文件。
serve
npm install -g serve
serve -s build
此命令将启动服务器并http://localhost:5000默认提供您的构建文件。
http://localhost:5000
如果您有现有的 Web 服务器,则可以将其配置为提供目录的内容build。
``` server { listen 80; server_name yourdomain.com;
location / { root /path/to/your/build/directory; try_files $uri /index.html; }
} ```
许多托管服务可以轻松部署 React 应用程序:
gh-pages
以下是 GitHub Pages 的一个简单示例:
npm install gh-pages --save-dev
package.json
"scripts": { "predeploy": "npm run build", "deploy": "gh-pages -d build" }
npm run deploy
通过遵循这些步骤,您可以有效地运行并提供 React 应用程序的生产版本。