从 GitHub 拉取并构建通过 create-react-app 创建的 React 应用

2020-10-23 08:00:00 · 飞浪

介绍 create-react-app工具是开始使用新React应用的最佳方式。无需将相关依赖项、打包程序等引入新项目，create-react-app会将所有这些抽象出来，以便您轻松开

介绍

create-react-app 工具是开始使用新 React 应用的最佳方式。无需将相关依赖项、打包程序等引入新项目，create-react-app 会将所有这些抽象出来，以便您轻松开始编写代码。如果您需要更细粒度的控制，您可以“退出”create-react-app 环境并自行管理内部工作。但对于许多应用来说，让 create-react-app 抽象出所有构建配置可以大大节省时间。

在本指南中，您将学习如何识别、提取和构建使用 create-react-app 创建的 React 应用程序。

让我们开始吧！

注意：本指南假设您的机器上安装了 Node 版本 >= v8.10、NPM 版本 >=5.2 和 git 命令行工具。

拉取并构建使用 create-react-app 创建的项目

如果您可以在项目的package.json文件中找到react-scripts包，则说明已使用 create-react-app 创建了应用程序。如果看到此依赖项，则几乎可以肯定该项目是使用 create-react-app 构建的。可以通过查找位于package.json的脚本部分中的“eject”脚本找到另一个提示，因为这是一个从 create-react-app 环境中弹出应用程序的 NPM 脚本。

现在您知道如何识别 create-react-app，您可以使用 git 从 GitHub 拉取该项目。此步骤只需导航到 GitHub 上的项目存储库，从绿色代码下拉菜单中选择远程 URL，然后在本地计算机上运行git clone <项目的远程存储库 url>。此命令将克隆此远程项目的本地版本。

拉取项目后，您就可以开始构建了。有两种方法可以构建使用 create-react-app 创建的应用程序。您可以进行开发构建或生产构建。可以通过运行npm start来启动开发构建。这将启动一个包含应用程序开发版本的本地服务器，并在您更改源代码时自动刷新。

对于生产版本，你只需运行npm run build。此命令将构建可立即部署的生产版本应用程序。

回顾一下：

开发构建：