react-router-webpack-hot-loader React项目热更新脚手架
React 项目的热更新环境搭起来其实挺费劲的，尤其你还想加上路由、eslint、less 这些东西。react-router-webpack-hot-loader这套样板就帮你省了不少事，集成得还挺全，开箱即用。嗯，样式方面就别太期待了，作者也说了只是演示结构，不过写功能是完全够用了的。
整合了React、react-router、webpack-dev-server和babel，还有eslint和less的配置，基本上一个常规的 SPA 项目启动脚手架该有的它都有。尤其是热加载部分，保存之后浏览器能直接刷新组件，状态也不丢，调试效率直接拉满。
你要是刚搭项目，懒得自己一点点配 webpack，这个还蛮适合拿来参考甚至直接用的。文件结构也比较清晰，适合入门时学结构怎么组织。
顺带推荐几个相关的资源，扩展一下：react+webpack 热更新、保存 react 状态这篇文章讲了热更新保状态的细节，还挺实用的。webpack-eslint-react-boilerplate这个样板更偏向代码规范，也可以对比着看。
如果你刚开始用 webpack 做 React 项目，又不太想自己折腾配置文件，直接拿这个跑一遍看看，能省不少时间。
文件大小：11.94KB
评论区