|
下面我們開始寫自己的 build.xml.
首先，配置項(xiàng)目的基本信息，以及相關(guān)目錄名稱，將要使用的編碼等等：
<project name="Smart Queue" default="compress" basedir=".">
<description>Build file for Ant</description>
<property name="src" location="src" />
<property name="build" location="build" />
<property name="lib" location="lib"/>
<property name="inputencoding" value="utf-8"/>
<property name="outputencoding" value="gbk"/>
接著，定義一個(gè)用于初始化的 target, 它負(fù)責(zé)創(chuàng)建 build 子目錄：
<target name="init">
<mkdir dir="${build}"/>
</target>
然后定義名為 concat 的 target, 負(fù)責(zé)將 src 里的 3 個(gè) JavaScript 文件按先后順序連接起來(lái)。運(yùn)行它要先運(yùn)行前面定義的 init:
<target name="concat" depends="init">
<concat destfile="${build}/smart-queue.source.js" encoding="${inputencoding}" outputencoding="${outputencoding}">
<filelist dir="${src}" files="intro.js, lang.js, smart-queue.js" />
</concat>
</target>
這樣，就可以得到一個(gè)可以工作的 JavaScript 文件，下面的 target 負(fù)責(zé)壓縮這個(gè)文件，顯然它依賴于 concat, 也依賴于 init, 但是不必顯式指定對(duì) init 的依賴——Ant 能處理這種依賴關(guān)系。這里調(diào)用 YUI Compressor 并傳入適當(dāng)?shù)膮?shù)：
<target name="compress" depends="concat">
<java jar="${lib}/yuicompressor.jar" fork="true">
<arg line="--type js --charset utf-8 -o ${build}/smart-queue.js ${build}/smart-queue.js"/>
</java>
</target>
大功告成，compress 處理后的文件就可以部署到生產(chǎn)系統(tǒng)上去了。最后我們做一下清理工作，使你在生成文件后還可以回到最初的狀態(tài):
<target name="clean">
<delete dir="${build}"/>
</target>
到此可以說(shuō)基本的配置就寫完了。怎么使用它呢？以命令行方式進(jìn)入到組件根目錄（或者說(shuō) build.xml 所在的目錄），然后：
- 運(yùn)行 ant concat, 將得到 ./build/smart-queue.source.js
- 運(yùn)行 ant, 將選擇 <project> 中 default 引用的那個(gè) target, 即 compress, 所以會(huì)得到 ./build 下的 smart-queue.source.js 和 smart-queue.js
- 運(yùn)行 ant clean, 將刪除 ./build 目錄，回到最初的狀態(tài)
這些前提是你已經(jīng)正確安裝或者說(shuō)設(shè)置好了 JDK 和 Ant, 如果有錯(cuò)誤提示出來(lái)，則可能需要檢查它們是否已準(zhǔn)備妥當(dāng)。
一路看下來(lái)，是不是覺(jué)得本期介紹的東西很簡(jiǎn)單？那是當(dāng)然了，構(gòu)建工具就應(yīng)該簡(jiǎn)單易用，否則把大量的時(shí)間花在那上面豈非不值？工具的價(jià)值在于提升生產(chǎn)力，從而創(chuàng)造更多價(jià)值。
最后，你可以在 這里 查看 Ant 的幫助文檔（里面有很多好玩的東東哦），也可以在 這里 查看本期完整的 build.xml 文件。
原文：http://ued.alipay.com/?p=1183
本文鏈接：http://www.95time.cn/tech/web/2009/7115.asp 
出處：Alipay UED
責(zé)任編輯：bluehearts
上一頁(yè) JavaScript組件之旅:用Ant構(gòu)建組件 [1] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) JavaScript組件之旅:用Ant構(gòu)建組件 [2]
