React 应用开发指南

本指南介绍如何使用常用脚本进行 React 应用开发。

启动开发服务器

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

npm start

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

运行测试

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

npm test

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

构建生产环境应用

运行以下命令构建生产环境应用:

npm run build

此命令会将应用构建到 build 文件夹。构建过程会使用生产环境模式,并进行优化以获得最佳性能。构建文件会被压缩,文件名包含哈希值。

弹出 Create React App 配置

警告:这是一个不可逆操作!

运行以下命令弹出 Create React App 配置:

npm run eject

如果您对默认的构建工具和配置不满意,可以使用此命令弹出配置。此命令会将所有配置文件和传递依赖项(如 webpack、Babel、ESLint 等)直接复制到项目中,并移除 react-scripts

注意: 弹出配置后,您需要自行管理项目配置和依赖项。

总结

本指南介绍了 React 应用开发的基本流程,包括启动开发服务器、运行测试、构建生产环境应用以及弹出 Create React App 配置。

zip 文件大小:236.99KB