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 配置。
236.99KB
文件大小:
评论区