ref:
项目地址：
构建web app的时候，将不同的功能分模块，并在物理上分开写在各自的文件里，有利于理解。而web app有一个原则，就是减少HTTP请求，需要将分散的文件合并为一个文件（同时也是解决依赖问题，不用在html文件中引入所有的js文件)，但是这又给调试带来不便。这两个互为矛盾的观点，可以使用build tool来同时实现。
本文介绍的是ember.js官方使用的基于Ruby的rake-pipeline工具。
//@ sourceURL的调试器标记
首先介绍一种可以被Webkit调试器或者Firebug识别的标记技术：
var globalEval = function(data) {
if ( data ) {
window[ "eval" ].call( window, data );
}
};
globalEval("window.alert('hello');\nwindow.alert('world');\n//@ sourceURL=hello.js");
eval执行的时候，通过@ sourceURL标记，会在调试器的source里看到一个hello.js，内容如下：
window.alert('hello');
window.alert('world');
//@ sourceURL=hello.js
注意，这个文件是调试器生成的，本地不需要有一个hello.js对应。你可以在这里设置断点来调试。
安装Ruby相关工具
安装Ruby（现在我用的是1.9.3）
安装Ruby Development Kit，用于生产Ruby的navtive模块
https://github.com/oneclick/rubyinstaller/wiki/Development-Kit
构建Demo工程
checkout这个工程：https://github.com/emberjs/todos.git
然后按照README.md的说明一步步操作即可。这会帮助你构建rake-pipeline的依赖。
bundle机制是Ruby工程的一个包管理工具，具体的不清楚。在执行bundle install后会生成Gemfile.lock的文件，记录当前的依赖的满足条件。（在版本管理系统中应该包含这个文件，这样在下次build的时候，就不会提示你要执行bundle install，而且每次修改Gemfile后都要重新执行bundle install)
一些hack
- Handlebars.js里的Handlebars是使用this.Handlebars = ...的形式，导致使用minispade，实质上eval执行匿名函数的时候没有导出全局的Handlebars变量，做了相应的修改。
- 在ember.js后面加上了：https://github.com/AmongOthers/rakepDemo/commit/a0f5a51f0380119146f05d9b3636e1b8af969a57#diff-3
这段代码用于使用路由注入的方式定义App的路由：
路由的名字需要符合以下规则：$.*$
- 修改ember.js，在初始化的时候加载所有的templates，文件名就是templateName。 https://github.com/AmongOthers/rakepDemo/commit/f031377a557e5ae115fd50ac3324c64f9bc820cd#diff-1