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