Webpack React Boilerplate带代码拆分功能的同构React模板WIP
webpack-react-boilerplate 的同构支持挺实用，前后端共用一套代码，写起来省心不少。它还集成了代码拆分，用的就是比较流行的 loadable-components，让你页面首屏加载更快，用户体验也跟着提升。
内置了 Flux 架构 的结构，适合喜欢数据流清晰的你。再加上 Webpack 配置做得还算顺手，改起来不太费劲。开发时可以用 gulp serve --watch 实时刷新，发布就跑 gulp serve --release，一套流程走得蛮顺。
还有一个细节挺贴心：代码拆分的 statics.loadAction 暴露方式，省了不少在代理视图中重复写逻辑的麻烦，干净利落。
CSS 上目前是把所有样式打包到一个文件，不过作者也说是 WIP，还在尝试让拆分后的 CSS 能跟 JS 一起懒加载，思路是对的，虽然还有点粗糙。
如果你想搭个 React + Webpack 的同构项目原型，这个样板项目还挺适合用来参考的。啦，毕竟是 sandbox 项目，别指望能直接上线跑，改改还是得的。
想进一步了解的话，可以看看下面这些相关的例子和资源，有的讲得还蛮清楚：
如果你是搞前端架构或者玩过 SSR，花点时间看看源码会有不少启发。想玩得更深入，可以顺着 env/.js 和路由的结构再折腾折腾。
文件大小：23.65KB
评论区