我們走到哪裡了？前兩期思考了太多東西，你是否已有倦意？別擔心，本期的話題很輕鬆，你只需要簡單了解一些文法，寫幾行配置，就能驅使系統按你預設的方式自動完成一些工作。聽起來是不是很愜意？ Let's go! 我們出發啦～
這一期，我們會使用Ant 將上期編寫、整理的程式碼檔案依指定的先後順序合併成單一的來源文件，然後壓縮這個文件。這是建立JavaScript 專案的基本步驟。 Ant 是Apache 的一個頂級開源項目，網路上對它的介紹和安裝，已經有很多文章，這裡就不再贅述了。在建置之前，我們先來看看現有的文件佈局：
smart-queue // 元件的根目錄
+--- src // JavaScript原始檔目錄
+--- lang.js // 前文提到的“外部文件”
+--- smart-queue.js // Smart Queue 主文件
現在，我們要讓它「豐滿」起來：
麻雀雖小，五臟俱全。現在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 的結構：
<project name="MyProject" default="dist" basedir=".">
<description>
simple example build file
</description>
<!-- set global properties for this build -->
<property name="src" location="src"/>
<property name="build" location="build"/>
<property name="dist" location="dist"/>
<target name="init">
<!-- Create the time stamp -->
<tstamp/>
<!-- Create the build directory structure used by compile -->
<mkdir dir="${build}"/>
</target>
<target name="compile" depends="init"
description="compile the source " >
<!-- Compile the java code from ${src} into ${build} -->
<javac srcdir="${src}" destdir="${build}"/>
</target>
<target name="clean"
description="clean up" >
<!-- Delete the ${build} and ${dist} directory trees -->
<delete dir="${build}"/>
<delete dir="${dist}"/>
</target>
</project>
仔細觀察一下，除了name, description 這些名字都很容易理解外，其他可以看到的規律包括：
出處： Alipay UED