React应用创建工具 (CRA) 使用指南

React 应用创建工具 (CRA) 使用指南

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

启动开发服务器

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

npm start

该命令会在浏览器中打开应用。代码修改将触发页面自动重新加载,控制台会显示代码检查错误信息。

运行测试

使用以下命令,在交互模式下运行测试:

npm test

详细说明请参考 CRA 文档中关于测试的部分。

构建生产环境应用

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

npm run build

该命令会将应用构建到 build 文件夹,并进行代码压缩和优化。构建后的文件包含版本信息,可以直接部署到服务器。

移除 CRA

注意: 移除 CRA 是不可逆的操作。

如果需要自定义构建工具和配置,可以使用以下命令移除 CRA:

npm run eject

该命令会将 CRA 的配置文件和依赖项迁移到项目中,移除 CRA 本身。

总结

本指南简要介绍了使用 CRA 创建 React 应用的基本步骤,包括启动开发服务器、运行测试、构建生产环境应用以及移除 CRA。

zip 文件大小:238.9KB