React漫画店练手项目
React 的漫画店项目，还挺适合新手上手练手的。项目结构清晰，用的是 Create React App 脚手架，开箱即用，连脚本都帮你配好了。你只需要在命令行里跑个 yarn start 就能直接进开发模式，改个文件浏览器里就会热更新，挺方便。
yarn test 也有集成，直接跑就行，控制台会有交互模式，想写点测试用例的同学也可以玩玩 Jest。项目构建方面也顺，yarn build 打包成生产模式，文件名加了哈希值，部署的时候不用担心缓存问题。
比较有意思的是还保留了 yarn eject，这个适合你想自己掌控配置的时候用。但注意哦，一旦 eject 就不能回头，Webpack、Babel、ESLint 的配置文件都会暴露出来，适合想自己折腾的同学。
整体感觉就是——不用操太多心，能跑能调能部署。如果你想搞清楚 CRA 背后的构建流程，或者准备开始做自己的 React 项目，这个资源还是蛮不错的。
另外给你搭配几个相关文章，都是和 React、Webpack、Babel 搭配的实用教程和样板项目：
- React + Webpack + Babel 教程
- webpack-eslint-react-boilerplate 样板项目
- React、Babel、Webpack 基础示例
- 前端工具链：TypeScript + Webpack + Babel
如果你对构建工具还不太熟，先从不 eject 开始用就行，慢慢摸索配置结构，再自己抽出来也不迟。
文件大小：253.27KB
评论区