使用Ant命令压缩JavaScript文件

压缩JavaScript文件可以减少代码尺寸，保护源代码，节省网络带宽，加快页面打开速度，甚至优化JS代码。Yahoo有一个压缩JS的工具叫做YUI compressor, Google也有一个工具叫Google Closure Compiler。lifesinger的blog上有一个Slide对它们做了详细的比较。

关于如何使用YUI compressor和Google Closure Compiler, 请参照相应的官方文档。本篇主要是将压缩命令整理成build.xml，然后通过ant命令来执行。下面是项目的build配置文件：

<?xml version="1.0" encoding="utf-8"?>
<project name="Javascript compress project" basedir=".">

<property name="COMPRESSED_HOME" value="${basedir}/compressed"/>

<!--compress js file by YUI compressor-->
<target name="yui-compress">
<property name="yui.compress" value="${basedir}/lib/yuicompressor-2.4.2.jar" />
<apply executable="java" parallel="false" verbose="true" dest="${COMPRESSED_HOME}" taskname="js.compile">
<fileset dir="${basedir}">
<include name="*.js"/>
</fileset>
<arg line="-jar"/>
<arg path="${yui.compress}" />
<arg line="--type js --charset UTF-8 -o" />
<mapper type="glob" from="*.js" to="*-yui-min.js" />
<targetfile />
</apply>
</target>

<!--compress js file by Google Closure Compiler-->
<target name="google-compress">
<property name="google.compress" value="${basedir}/lib/compiler.jar" />
<apply executable="java" parallel="false" verbose="true" dest="${COMPRESSED_HOME}" taskname="js.compile">
<fileset dir="${basedir}">
<include name="*.js"/>
</fileset>
<arg line="-jar"/>
<arg path="${google.compress}" />
<arg line="--js" />
<srcfile/>
<arg line="--js_output_file"/>
<mapper type="glob" from="*.js" to="*-gcc-min.js" />
<targetfile />
</apply>
</target>

</project>

在build.xml文件的同级目录下有两个文件夹，一个名为lib, 内面放着YUI compressor和Google Closure Compiler的jar文件，另外一个是compressed文件夹，用于存放压缩过的js文件。

压缩时，把需要压缩的js文件放在build.xml文件的同级目录中，然后执行相应的ant命令就可以在compressed文件夹中得到压缩后的js文件了，下面分别是使用YUI Compressor和Google Closure Compiler压缩的命令：

ant yui-compress

ant google-compress