ochat-hybrid Webpack多入口React项目
webpack 打包的多入口项目，配合 jade 模板和 react 组件，搭个结构清晰的小型 SPA 还挺方便。ochat-hybrid 用的是比较老但稳定的技术栈，比如React 0.14、grunt、less。嗯，如果你想了解老项目是怎么搞工程化的，这个还蛮合适。
项目用webpack打包，支持多入口配置，适合那种模块清晰、多个子项目并存的场景。你可以在src/entry目录里放不同的入口文件，调试起来也方便。
Jade 模板写起来干净利索，配合grunt server跑起来之后，改完保存马上就能看到效果，响应也快，适合原型开发或组件调试。
支持ES6/ES7语法，babel 都配好了，想用async/await或者箭头函数都没问题。样式是用less写的，结构清晰，不复杂。
另外集成了Redux，状态管理这块不需要你再自己折腾，组件间通信逻辑也比较清晰。适合做些中小型管理后台或者组件 demo 站。
几个命令记一下就行：npm start跑本地服务，grunt build打包，grunt server:dist预览编译结果。建议先用npm config set registry https://registry.npm.taobao.org切成淘宝源，要不下包太慢。
如果你正好在维护老项目，或者想研究 webpack + jade 这套组合的玩法，可以下载来试试看。文章后面还贴了几个不错的相关资源，建议一块儿看看。
文件大小：25.73KB
评论区