React 应用构建指南

本指南介绍如何使用 Create React App 工具构建 React 应用。

项目启动

在项目目录下,执行以下命令启动开发服务器:

yarn start

该命令会:

  • 以开发模式运行应用
  • 在浏览器中打开应用
  • 监听文件变化,自动重新加载页面
  • 在控制台中显示代码检查错误信息

项目测试

执行以下命令启动测试运行器:

yarn test

该命令会以交互式监视模式运行测试。

项目构建

执行以下命令构建生产环境可用的应用:

yarn build

该命令会:

  • 将 React 应用打包到 build 文件夹
  • 以生产模式打包,并进行代码优化
  • 压缩代码,并为文件名添加哈希值

构建完成后,应用即可部署到生产环境。

依赖移除

执行以下命令移除构建工具依赖:

yarn eject

注意: 该操作不可逆。

如果对当前的构建工具和配置不满意,可以使用该命令移除默认配置,并进行自定义配置。

zip 文件大小:3.44MB