Breaking Bad React脚手架项目

黑色极简风格的 React 脚手架项目,Breaking_Bad上手快,配置少,适合初学者练手。它是基于Create React App搭出来的,命令基本不用改,yarn start一下就能跑,响应也快。

开发模式下运行时页面自动热重载,改了代码不用刷新,调试起来爽。yarn test可以跑测试,虽然默认没啥,但可以加点自己的单测逻辑进去,配合 Jest 挺好用。

打包用的是yarn build,会直接生成一份优化后的静态资源,文件名还带哈希,直接上线也不怕缓存。想改配置?可以yarn eject,不过注意,这个操作不可逆,改了就回不了头。

如果你对 Webpack、Babel 不太熟,推荐你看看这些文章:React + Webpack + Babel 教程,或者这个基础示例,都挺实用的,配合这个项目练练刚刚好。

哦对了,它虽然默认是英文提示,但结构清晰,改多语言也方便。适合想搞点简单 React 项目的小伙伴,不管是搭 Demo 还是练习打包流程,都比较省心。

如果你正好想快速搭个前端项目、又不想从 0 配置 Webpack,那你可以从Breaking_Bad开始试试,熟悉完流程再来折腾更底层的东西也不迟。

zip 文件大小:502.7KB