这期，我们会使用 Ant 将上期编写、整理的代码文件按指定的先后顺序合并成单一的源文件，然后压缩这个文件。这是构建 Javascript 项目的基本步骤。Ant 是 Apache 的一个顶级开源项目，网上对它的介绍和安装，已经有很多文章，这里就不再赘述了。在构建之前，我们先来看看已有的文件布局：
smart-queue // 组件的根目录
+--- src // Javascript源文件目录
+--- lang.js // 前文提到的“外部文件”
+--- smart-queue.js // Smart Queue 主文件
现在，我们要让它“丰满”起来：
- 组件根目录下添加：
- README: 介绍 Smart Queue 组件
- LICENSE: 组件的授权信息
- build.xml: Ant 使用的配置文件
- 组件根目录下添加 lib 子目录：存放构建过程中需要使用的外部程序和库文件
- lib 子目录下添加 yuicompressor.jar: 我们用 YUI Compressor 压缩 Javascript
- 组件根目录下添加 test 子目录：存放测试组件所需的文件（下期介绍）
- src 目录下添加 intro.js: 介绍组件的版本及说明信息
麻雀虽小，五脏俱全。现在 Smart Queue 看上去像是比较专业的 Javascript 项目了：
smart-queue // 组件的根目录
+--- lib // Javascript外部程序和库文件目录
+--- yuicompressor.jar // YUI Compressor
+--- test // 测试文件目录
+--- src // Javascript源文件目录
+--- intro.js // 介绍和版本信息
+--- lang.js // 前文提到的“外部文件”
+--- smart-queue.js // Smart Queue 主文件
+--- README // 组件自述文件
+--- LICENSE // 组件授权信息
我们计划将构建出来的文件存放到组件根目录下的 build 子目录，还要通过构建工具创建并销毁它。首次尝试构建前，建议先大概了解一下 Ant 的配置文件——build.xml 的结构：
simple example build file
仔细观察一下，除了 name, description 这些名字都很容易理解外，其他可以看到的规律包括：
project元素的default属性值对应某个target元素的name属性；target元素的depends属性值对应其他某些target元素的name属性；${somename}可以引用property中定义的值。
下面我们开始写自己的 build.xml.
首先，配置项目的基本信息，以及相关目录名称，将要使用的编码等等：
Build file for Ant
接着，定义一个用于初始化的 target, 它负责创建 build 子目录：
然后定义名为 concat 的 target, 负责将 src 里的 3 个 Javascript 文件按先后顺序连接起来。运行它要先运行前面定义的 init:
这样，就可以得到一个可以工作的 Javascript 文件，下面的 target 负责压缩这个文件，显然它依赖于 concat, 也依赖于 init, 但是不必显式指定对 init 的依赖——Ant 能处理这种依赖关系。这里调用 YUI Compressor 并传入适当的参数：
大功告成，compress 处理后的文件就可以部署到生产系统上去了。最后我们做一下清理工作，使你在生成文件后还可以回到最初的状态:
到此可以说基本的配置就写完了。怎么使用它呢？以命令行方式进入到组件根目录（或者说 build.xml 所在的目录），然后：
- 运行
ant concat, 将得到 ./build/smart-queue.source.js - 运行
ant, 将选择default引用的那个target, 即compress, 所以会得到 ./build 下的 smart-queue.source.js 和 smart-queue.js - 运行
ant clean, 将删除 ./build 目录，回到最初的状态
这些前提是你已经正确安装或者说设置好了 JDK 和 Ant, 如果有错误提示出来，则可能需要检查它们是否已准备妥当。
一路看下来，是不是觉得本期介绍的东西很简单？那是当然了，构建工具就应该简单易用，否则把大量的时间花在那上面岂非不值？工具的价值在于提升生产力，从而创造更多价值。
最后，你可以在这里查看 Ant 的帮助文档（里面有很多好玩的东东哦），也可以在这里查看本期完整的 build.xml 文件。
