backbone-es6-todomvc HapiJS+ES6+Backbone Todo应用
backbone-es6-todomvc 是个基于 HapiJS 的 Todo 项目，配合 ES6 和 Backbone 写的，结构清晰，适合拿来练手或者做架构参考。用的是 Webpack、Babel、Gulp 来搭建开发环境，启动和构建流程也不复杂，整个流程走下来挺顺。你只要装好几个全局工具包，再执行几个 npm 命令就能跑起来，挺适合快速上手的那种。
目录结构比较清楚，逻辑上把前后端分得干净。前端是 Backbone 写的 MVC，代码量不大，比较适合理解 Backbone 的基本套路。配合 ES6 语法，写起来比老版本 Backbone 清爽不少，模块化也更舒服。
构建用的是Webpack，配合Babel把 ES6 编译成浏览器能跑的代码，流程还是熟悉的那一套。如果你平时就用 Webpack 打包项目，这套上手基本没门槛。
命令也简单：npm run dev进开发模式，改完自动刷新；上线的话跑个npm run prod就行，产出代码比较干净。测试和监控也预留了位置，扩展起来不麻烦。
如果你正好想看看 Backbone 怎么配合 ES6 写，或者想找个小项目练手 Webpack 配置，这个项目还挺合适的。顺手也推荐你看看这些相关的项目：
- React、Backbone、Webpack、Bower 与 ES6 示例项目
- 用 Babel 和 Webpack 玩转原生 JS 的 ES6 类
- 快速 ES6 编译教程
- Webpack 4 ES6 + Sass 模板
记得全局装好bower、gulp、webpack、babel这些工具，第一次跑建议先bower install，npm run dev就能看到效果啦。
文件大小：25.23KB
评论区