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 等)复制到项目根目录下。
2.8MB
文件大小:
评论区