React项目启动和运行指南

项目启动

在项目目录下,您可以运行以下命令:

  • yarn start:以开发模式启动应用程序,并在浏览器中打开。
  • yarn test:以交互模式启动测试运行程序。
  • yarn build:构建生产应用程序并将其输出到 build 文件夹。构建过程进行优化以获得最佳性能,并最小化构建文件。
  • yarn eject:此操作不可逆,会将所有配置文件和依赖项从项目中移除,让您可以完全控制构建工具和配置。

开发模式

运行 yarn start 命令后,应用程序将在开发模式下启动,并在浏览器中自动打开。该模式提供以下功能:

  • 热重载:当您修改代码时,页面会自动重新加载,以便您立即查看更改。
  • 错误提示:控制台会显示任何代码错误或警告,方便您进行调试。

生产构建

运行 yarn build 命令后,将生成一个优化后的生产版本,位于 build 文件夹中。此版本适合部署到生产环境,并具有以下特点:

  • 代码最小化:代码经过压缩和混淆,以减小文件大小并提高加载速度。
  • 资源优化:图片和其他资源会被优化以减小文件大小。

弹出配置

运行 yarn eject 命令会将项目的所有配置和依赖项从 React 脚手架中移除,并将其放置在您的项目中。这使您可以完全控制构建过程和配置,但也会使您的项目更难以升级。

注意: 弹出配置操作是不可逆的,因此请谨慎使用。

zip 文件大小:215.77KB