React项目启动和运行指南
项目启动
在项目目录下,您可以运行以下命令:
- yarn start:以开发模式启动应用程序,并在浏览器中打开。
- yarn test:以交互模式启动测试运行程序。
- yarn build:构建生产应用程序并将其输出到
build
文件夹。构建过程进行优化以获得最佳性能,并最小化构建文件。 - yarn eject:此操作不可逆,会将所有配置文件和依赖项从项目中移除,让您可以完全控制构建工具和配置。
开发模式
运行 yarn start
命令后,应用程序将在开发模式下启动,并在浏览器中自动打开。该模式提供以下功能:
- 热重载:当您修改代码时,页面会自动重新加载,以便您立即查看更改。
- 错误提示:控制台会显示任何代码错误或警告,方便您进行调试。
生产构建
运行 yarn build
命令后,将生成一个优化后的生产版本,位于 build
文件夹中。此版本适合部署到生产环境,并具有以下特点:
- 代码最小化:代码经过压缩和混淆,以减小文件大小并提高加载速度。
- 资源优化:图片和其他资源会被优化以减小文件大小。
弹出配置
运行 yarn eject
命令会将项目的所有配置和依赖项从 React 脚手架中移除,并将其放置在您的项目中。这使您可以完全控制构建过程和配置,但也会使您的项目更难以升级。
注意: 弹出配置操作是不可逆的,因此请谨慎使用。
215.77KB
文件大小:
评论区