React 应用开发指南

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

启动开发服务器

在项目目录下执行以下命令:

yarn start

此命令会在开发模式下启动应用,并在浏览器中打开应用界面。代码修改后,页面会自动重新加载,控制台会显示代码检查错误信息。

运行测试

yarn test

此命令会启动交互式测试运行器。更多信息请参考 Jest 测试框架文档。

构建生产环境应用

yarn build

此命令会将应用构建到 build 文件夹中,并进行以下操作:

  • 以生产模式打包 React 代码
  • 优化构建结果以提升性能
  • 压缩代码并添加哈希值到文件名

构建完成后,应用即可部署到生产环境。更多信息请参考 Webpack 文档。

移除构建依赖

yarn eject

注意: 这是一个不可逆操作!执行此命令后,您将无法恢复到 Create React App 的默认配置。

如果您对默认的构建工具和配置不满意,可以使用此命令移除 Create React App 的依赖,并手动管理项目配置。此命令会将所有配置文件和传递依赖项(如 Webpack、Babel、ESLint 等)复制到项目根目录下。

zip 文件大小:2.8MB