导入
构建过程
现在是时候将你的 React 应用发布到线上了。让我们学习如何构建和部署 React 应用程序。
有多种方式可以将 React 应用部署到生产环境，同时也有许多提供此类服务的平台相互竞争。为了简化，我们只聚焦于一个服务商，之后你可以举一反三，自行探索其他托管平台。
构建用于生产环境的应用
到目前为止，我们所做的都处于应用的开发阶段，此时开发服务器会处理所有任务：将所有文件打包成一个应用，并在本地机器的 localhost 上运行。因此，我们的代码还无法被其他人访问。
下一步是将应用部署到远程服务器上，即进入生产阶段，也就是所谓的“部署”，使你的应用用户能够访问。在应用正式对外发布之前，需要将其打包为一个精简的核心应用。冗余代码、测试代码以及重复内容都会被移除。此外，还会进行一项称为“代码压缩”（minification）的处理，进一步减小代码体积。
幸运的是，create-react-app 自带的构建工具已经集成了这些优化和打包（也称为 bundling）功能。
操作步骤
首先，在命令行中构建你的应用：
1npm run build
这将在项目中生成一个新的 build/ 文件夹，其中包含打包后的应用。你可以直接将此文件夹部署到托管平台。但在此之前，我们先使用本地服务器模拟这一过程。首先，在你的机器上安装一个 HTTP 服务器：
1npm install -g http-server
接着，使用这个本地 HTTP 服务器来运行你的应用：
1http-server build/
你也可以通过一条命令直接完成（无需全局安装）：
1npx http-server build/
执行上述任一命令后，系统会显示一个 URL，通过该地址即可访问你已优化、打包并托管的应用。该服务通过本地 IP 地址提供，并可在局域网内共享，也就是说我们正在自己的本地机器上托管这个应用。
在下一节中，我们将学习如何将应用部署到 Firebase。