React 项目开发指南
本指南介绍如何使用 yarn 管理 React 项目的开发、测试、构建和依赖项。
开发模式
使用 yarn start
命令启动开发服务器。该命令会在浏览器中打开应用程序,并在代码发生更改时自动重新加载页面。控制台会显示代码检查(linting)错误。
测试
使用 yarn test
命令在交互式监视模式下运行测试。
构建
使用 yarn build
命令构建生产环境可用的应用程序。该命令将 React 代码打包到 build
文件夹中,并进行优化以获得最佳性能,例如:
- 代码压缩
- 文件名添加哈希值
移除依赖项
使用 yarn eject
命令可以移除 create-react-app
创建的项目配置和构建工具。注意: 这是一个不可逆的操作。执行此操作后,您需要手动管理项目配置。
命令汇总
| 命令 | 描述 |
| --------- | -------------------------------------------------- |
| yarn start | 启动开发服务器 |
| yarn test | 运行测试 |
| yarn build | 构建生产环境可用的应用程序 |
| yarn eject | 移除 create-react-app 的项目配置和构建工具 |
quiz-project6-app-2-master.zip
预估大小:27个文件
quiz-project6-app-2-master
文件夹
.gitignore
310B
package.json
1KB
package-lock.json
573KB
src
文件夹
Utils
文件夹
Utils.tsx
93B
components
文件夹
QCard.tsx
1KB
QCard.styles.ts
1KB
363.64KB
文件大小:
评论区