Create React App启动流程详解
Create React App 的启动流程蛮清晰，适合刚上手 React 的朋友。项目初始化后，目录里几个脚本就挺好用，比如yarn start，一键启动开发环境，改完代码自动刷新，响应也快，适合日常调试。
yarn test也不错
，是交互式的测试模式，写测试用例的时候，边写边跑挺方便的。还可以配合 Jest 跑一些单元测试，前期练手够用了。yarn build主要用来打包生产环境，构建出来的代码体积也优化过了，文件名有哈希，适合部署上线。需要注意的是，打包后的内容都在build文件夹，部署时记得指定这个路径。
yarn eject就比较硬核了，执行之后整个项目配置就全部摊开了，Webpack、Babel、ESLint 都能自己改。适合后期项目复杂了，或者你想完全掌控构建流程的时候用。嗯，一旦 eject 就回不去了，建议熟练之后再动手。
想系统了解下 Create React App，还可以看看这些资源，蛮多例子：
- React App Initialization with Create React App
- 探索 Create React App
- 使用 create-react-app 入门 React
- realworld-react-Create-React-App-入门
- react-tutorial Create React App 入门
如果你刚开始学 React，又不想折腾 Webpack 配置，那 Create React App 真的蛮合适。直接起步，边写边学，挺省事的。
文件大小：4.31MB
评论区