使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

JS代码和CSS代码在上线前要压缩大家应该都是知道的了。记得之前做项目的时候，最后要交差的时候是找了个网站，将JS代码的文件一个一个地复制，粘贴，复制，粘贴。

当时就在想：TMD有没有好一点的方法，劳资不想老是用Ctrl大法。啊啊啊啊啊啊啊啊阿~。最最坑爹的是，有时候将代码复制粘贴的时候手一抖可能就删了点什么东西，手一快又保存了，反正各种坑爹。坑到没朋友。

但是呢，不压缩也不是是吧？

---

在写JS代码渐渐多了起来的时候就发现手动压缩根本不是长远的方法。而且JS的代码也开始分块，分功能，分文件写了，尽量去做到复用。

在实际项目中，推荐的是一个html对应一个JS文件和一个CSS文件。这样做可以减少HTTP请求，众所周知，一个HTTP请求的延迟远比下载一个大点的文件大得多。

所以从

程序员来看：我要分文件，分模块写。不然代码太混乱了。（多文件）

客户（网站的使用者）来看：我要良好的用户体验，越快越好。（少文件，文件一多HTTP请求会很多）

这就产生了冲突，不过有需求就有市场，我们聪明的前端攻城狮也有自己的方法解决。——链接文件与压缩大法，也就是标题“使用Ant和YUICompressor链接合并压缩你的JS和CSS代码”。

---

Ant，中文翻译过来就是“蚂蚁”。嗯嗯这是Apache的一个项目，基于Java的build工具，可以将一些项目的代码文件合并或者复制。具体的东东可以自行Google或者Baidu

官网：http://ant.apache.org/

YUICompressor，雅虎公司的一个代码压缩工具，貌似压缩比例也挺高的。网上一搜一堆的在线压缩网站有的也是这个做得。也是基于Java的。

这两个都是比较简单基本的合并压缩工具了

---

第一步：配Java环境

这一步就跳过吧，这么简单是吧？Ant和YUICompressor都是基于Java来做得，不懂得自行Google或者Baidu，这里说的是环境变量那里的配置。不是Eclipse里面的。嗯我知道你们想到了-_-!!。估计很多都配过了就不多说了。

---

第二步：创建项目

Eclipse下创建一个新的项目，Dynamic Web Project。打开Project Explorer窗口（window->show View）

如图所示，我建立了一个AntTest项目，然后在WebContent下面建立了三个文件夹,

1. build 这个文件夹是用来放链接合并和压缩工具的
2. build_output 这个文件夹是用来放项目上线的前端代码和页面的
3. web 这个是用来放一些代码的各个未链接压缩的部分的，平常编辑代码的话就在这个文件夹下面编辑和修改

---

第三步：创建具体文件

aaarticlea/png;base64,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" alt="" />

这张图是web文件夹下面的具体的文件模块，其实jQuery有一些模块没用到的话可以拆开加载的。也可以用这种方式加载进去

web/src/main.html文件的结构：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <!-- asset为项目上线的代码 ,src为源码，可以看的-->
    <link rel="stylesheet" type="text/css" href="./asset/css/all.css" />
</head>
<body>
    <div id="MainContent">
        <!--页面内容-->
        <p>ANT测试页面</p>
    </div>
    <script type="text/javascript" src="./asset/js/all.js"></script>
</body>
</html>

这里的<link>链接到了一个all.css文件，一个<script>链接到了一个all.js文件，然后呢，我用用all.css和all.js再去链接到全部的css文件和js文件

这里两个all文件只是起来集合，或者说是链接的功能。

这里用到了 ./ 这个东西，表示当前路径下面，去掉这个也可以，还有一个 ../ 表示上一级目录，/ 是表示项目根目录的

web/asset/css/all.css:

 @import '../../src/css/jquery.ui.core.css';

 /*UI*/
 @import '../../src/css/jquery.ui.button.css';
 @import '../../src/css/jquery.ui.dialog.css';
 @import '../../src/css/jquery.ui.accordion.css';
 @import '../../src/css/jquery.ui.autocomplete.css';

这里是用到了import去链接CSS文件，当然我们做开发是可以这样玩的。但是最后的合并的文件肯定不会是用import方式的，而是一个或几个比较大的文件。

这里的路径是以all.css文件为起始点去web/src/css文件里面链接的，切记切记！

web/asset/js/all.js:

 /*Base*/
 document.write('<script type="text/javascript" src="../web/src/js/jquery-1.5.1.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.core.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.widget.js"></script>');

 /*UI*/
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.draggable.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.droppable.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.button.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.dialog.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.accordion.js"></script>');
 document.write('<script type="text/javascript" src="../web/src/js/jquery.ui.autocomplete.js"></script>');

JS代码是通过document.write方式输出到页面然后去加载的。这里因为all.js文件是被main.html执行了，然后main.html根据all.js输出的这些文件去加载的，所以这里的路径是相对于main.html文件的路径。

然后我们运行一下main.html测试一下路径有没有错（这里可以检验一下上面做得是否正确，如果不能加载表示文件路径放错了）

这里可以看到，全部文件都加载了进来。这样就OK了，下面继续链接合并与压缩大计。

---

第四步：放置工具文件到build文件夹里面

aaarticlea/png;base64,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" alt="" />

这是Ant和YUICompressor的文件夹。直接解压放里面就可以。

Ant的话也要配环境的，比如下面的

ANT_HOME    D:/ apache-ant-1.9.0

path             D:/ apache-ant-1.9.0/bin

classpath      D:/apache-ant-1.9.0/lib

具体的路径放的不一样每台电脑都不同，可以看http://jingyan.baidu.com/article/e2284b2b45d193e2e6118dc6.html或者自行解决。

---

第五步：设置配置文件build.xml

我们这里是用

 <?xml version="1.0" encoding="UTF-8"?>

 <project default="compress" basedir="D:\eclipseWorkSpace\AntTest\WebContent\web" name="core">
     <!-- 项目的 web 路径，也就是我们修改代码的那个web文件夹的路径 -->
     <property name="path" value="D:\eclipseWorkSpace\AntTest\WebContent\web" />
     <!-- 部署的输出路径 也就是项目的链接合并压缩的输出文件夹的路径-->
     <property name="targetDir" value="D:\eclipseWorkSpace\AntTest\WebContent\build_output\asset" />
     <!-- 源文件路径(src) -->
     <property name="code.src" value="src" />
     <property name="baseService" value="baseService" />
     <!-- !!! YUI Compressor 路径 !!! -->
     <property name="yuicompressor" value="D:\eclipseWorkSpace\AntTest\WebContent\build\yuicompressor-2.4.6\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar"/>

     <!-- =================================
          target: concat 拼接（合并）文件
     ================================= -->

     <target name="concat" depends="" description="concat code">
         <echo message="Concat Code Files Begin!!!" />
         <!-- 需要注意这里的拼接顺序depends是优先链接合并的文件，也就是依赖的意思 --><!-- JS -->
         <concat destfile="${targetDir}/js/source/all.js" encoding="utf-8" fixlastline="on">
             <fileset dir="${code.src}/js" includes="jquery-1.5.1.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.core.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.widget.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.draggable.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.droppable.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.button.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.dialog.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.accordion.js" />
             <fileset dir="${code.src}/js" includes="jquery.ui.autocomplete.js" />
         </concat>
         <!-- CSS -->
         <concat destfile="${targetDir}/css/source/all.css" encoding="utf-8">
             <fileset dir="${code.src}/css" includes="jquery.ui.core.css" />
             <fileset dir="${code.src}/css" includes="jquery.ui.button.css" />
             <fileset dir="${code.src}/css" includes="jquery.ui.dialog.css" />
             <fileset dir="${code.src}/css" includes="jquery.ui.accordion.css" />
             <fileset dir="${code.src}/css" includes="jquery.ui.autocomplete.css" />
         </concat>

         <echo message="Concat Code Files Finished!!!" />
     </target>

     <!-- =================================
           target: copy 拷贝文件
          ================================= -->

     <target name="copy_asset" depends="concat" description="copy the asset file">
         <echo message="Copy Asset Begin" />
         <!-- main.html -->
         <copy todir="${targetDir}/../" overwrite="true">
             <fileset dir="${path}/" includes="*.html"/>
         </copy>
         <!-- img *.png -->
         <copy todir="${targetDir}/img" overwrite="true">
             <fileset dir="${path}/asset/img" includes="*.png" />
         </copy>

         <echo message="Copy Asset Finished" />
     </target>

     <!-- =================================
           target: compress 压缩 js && css
          ================================= -->

     <target name="compress" depends="copy_asset" description="compress code">
         <echo message="Compress Code Begin" />

         <apply executable="java" parallel="false" failonerror="true" dest="${targetDir}/js">
             <fileset dir="${targetDir}/js/source" includes="*.js"/>
             <arg line="-jar"/>
             <arg path="${yuicompressor}" />
             <arg line="--charset utf-8" />
             <arg line="-o" />
             <targetfile/>
             <mapper type="glob" from="*.js" to="*.js" />
         </apply>

         <apply executable="java" parallel="false" failonerror="true" dest="${targetDir}/css">
             <fileset dir="${targetDir}/css/source" includes="*.css"/>
             <arg line="-jar"/>
             <arg path="${yuicompressor}" />
             <arg line="--charset utf-8" />
             <arg line="-o" />
             <targetfile/>
             <mapper type="glob" from="*.css" to="*.css" />
         </apply>

         <echo message="Compress Code Finished" />

         <echo message="Clean Begin" />

         <!--<delete verbose="false" failonerror="true">
             <fileset dir="${path}" includes="${targetDir}/*-o.js" />
         </delete> -->

         <echo message="Clean Finished" />

     </target>
 </project>

在命令提示符（CMD）下用ant的指令运行（别告诉我你不会。。。。。），学过Java的应该都懂的，javac嘛，一个道理：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoIAAAHACAIAAAC56p64AAAgAElEQVR4nO3dXZqjOJCFYZYxy5zNzT0767noLhdGEaETkkACf+9FPbYsQoGwOZlZf9v//O//bQAA4Hb//PPPRgwDADAFMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTtMbzv++hmuqzWDwAAVV8xvH+rHlzOOR2rlxri0Un86OYBAG3+xvApBtpiuK3OKPesNfALi1Opatk7v6YBANyAGG5cYmASB0+r8wEAj/ZfDDd/H2b+XDqecKmrlxtev7qB8at8fwwAj3ZrDHu/91wOHp/G8+PU3y3lq+VpiovqfQZdbQV9vlcBAPAIagx7ygO9XMyOb98Zo8yP+zk9OC1kLqrUz/apFGyYDwB4ot4Y3uRcrOZN+VT5TlEvGASbnrt6Sz0xnP06AADwUPfF8Ob8kHYveKXiOtUGzAd7+J1x9Wk8aJ5XtWBDAwCAh+r6k9LmZLGOF0vZHvTvJk8PvJ4HxrDVb7o+MQwAL2bHsBkGYl5WvxkVx8024vlxES+GT6d2UQyb5xsvXZ1vjgAAHsT+V7TKeXoMH+uUEWIuUY6Lk72WyjrHU6g+CA7X+/T2IejKPBdv/vEl70AAwOKG/dcOq4XBav0AAFAihgEAmIb/6BAAgGmIYQAApiGGAQCYhhgGAGAaYhgAgGmIYQAApiGGAQCYhhgGAGAaYhgAgGmIYQAApiGGAQCYhhgGAGAaYhgAgGmIYQAApiGGAQCYhhgGAGAaYhgAgGmIYQAApiGGAQCYhhgGAGAaYhgAgGmIYQAApmmP4X3fRzdziaf0+Wuefl2e3v8o7APQ6b8Y3r+JB5szL/1YDuyzuQGvq1FLmJU/v16xUNuuDlm34SWxcqmnoLeKue426HrNui5Zo3oLTnPl0wc6/f1u+PhGF9/0wz8zyu1mYJ8pwd3w0rvk6bbeXES8WK+JYe/BQN6bYZOv15rXJSv4ciRbxysVV1v8yxQgZsdw+dR0xW00FcPiQgM/ovd/2ofEcHDssjGc6kQ8u2ZB4pqD+vW657rM2odRsrcF4EHUGPZui8OTuDOGG/pMeX0M36yaZD11skWG1B8Sw8Mvyqx9GIUYxotdGMPmq/sf5qC3StxYc5/BosG4MvMzEhc/veoNbs5tvZx/fFq+5DXsdVjtfysEuyHup3my3klttTdP3GTQZ7ldYv09c72OM8tBj9fkltyfUXXifSiLmE+9yl79akvAU3T9UFqZtjs3l+PHr7mgMt+bFtTxHgfLmfXNc/QKxuPHX6uNmUt7C5WH6P0rexhvoNeMWXDUdamu1V9fv17xxaquaNYJpg2vE9Svvn866ysHAuvrjeF4ZvDx88ar647qU7wdx0WC8Wz96m1Rvz+aS5TBEPeg3MeHXF+vcioPrrsu1VfLgqnrZY6nlovHzacD64gzO+vr/QOPc2EMt33AquuO6nMvKAWH3CbKRYN+Psfq9y+zybJsfCLV/pVFt/C8lIWUafHqej96k9UlzA7Ndc0T0ZdTrpfXpN5PUEec2Vk/9bYBnmVADJuT9RtZdt1RfeofeOXV5tuEd3sq5+j3L7NU9j6ojPfvZ7XO1bdvpaXqUebktg5T+6+Me6u3fR71fbj5OqbuA8BS1L83vO97NSeCw8tx77Ze/TiN6jPoWZwWjx876bw9Kbf1eFuCCUE/cf/lVlevb7Y3vY6+3Nj6wWS9YPV9csX+XL0P4nkpbw9zPK4DPIj6r2jFb/TgNmHWKT97n8HqQqP6PFWr9uktHYyb/QSnEIyXzZvzq02Wp5bt/zgYnIJyXqe1qr15005dxc14/Xj7ENQv+z8+1df1iuv9d+5PZ53TuaTO6/TA3B9z3KsDPM6w/9rhKZ+B2/p8yoZ4bu6f7XoH9gHIIoavWuXRX57f3/9z9+pfT+9/FPYByOI/OgQAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAadpjeN/30c1ggKdfl6f3Pwr7APyI/2J4/yYePPBOYZZKNZNd7t/Kn1+vWKhtV4es2/CSWLnUU9BbxVx3G3S9Zl2XrFG9Bac55cMO4Ojvd8PHj5n4kRvyyQzuhpfeJU+39eYi4g3uNTHsPRjIezNs8vVa87pkBV+OZOt4peJqpwkr7xXwXHYMl09NAz+W93/Ch8RwcOyyMZzqpP+7qIb6/TEczBl7XWbtwyjKFzRXrE6iAx9qDHu37+d+LG+O4ZtVk6ynTrbIkPpDYnj4RZm1D6NkY3hUA8Qw8HFJDO8H3kvVOubMz0hc/PSqN7g5t/Vy/vFp+ZLXsNdhtf+tEOyGuJ/myXontfmbGdev9llul1h/z1yv48xy0OM1uSX3Z1SdeB/KIuZTr7JXv9pSeZR3UsFLcVfAT+n6obQ5LajjPQ6WM+sfbzHVgvH48ddqY+bS3kLlIXr/yh7GGxjfPb2TEuuY49n9b6uvX6/4YlVXNOsE04bXCepX3z+d9VMHBu/hhvMFflBvDFcPVO6AwavNt3tl/ueeLt4vzCXKYIh7UO7j1UXFOmbl1P3xuutSfbUsmLpe5nhquXjcfDqwjjizs77evzLY/74CftAlMXyiFBxymygXDfr5HKvfL4K7T3W7lNvlp0510S08L2UhZVq8ut6P3mR1CbNDc13zRPTllOvlNan3E9QRZ3bWT71tgpFye5vPF/g1A2J4Cz9+YsGBt4nTePUGp98vzFLZ+6Ay3r+f1TpX376VlqpHmZPbOkztvzLurZ7tJz6qfPXm65g6X6XPuB/gB6l/b3jf92qemce2fUrFTjpvT8ptPd6WYELQT9x/udXetKDtVD9BHX25sfWDyXrB6vvkiv25eh/E81LeHuZ4UCfuLZ6cOl/gp6j/ipY3/nm1nGweUo57SwfjZj/BKQTjZfPm/GqT5all+z8OBqegnNdprWpv3rRTV3EzXj/ePgT1y/6PT/V1veJ6/53701nndC6p8zo9MPfHHA/qmL2Va/WfL/BThv3XDrd9op7+0b25f7brHdgH4K0eFsPml9UPcn//z92rfz29/1HYB+Ct+I8OAQCYhhgGAGAaYhgAgGmIYQAApiGGe/FnZ9b09Ovy9P5HWW0fVusHL6D+vWFTMHnIm/Xq+t6KDfswsAGvq1FLmJX377/3ecUqS/0p8c42dktPQW8Vc91t0PWadV2yRvU26n6yWj8Drfw2eDH1X9EymW8j5VMdHDikfo+2fRiyrndeN5zv8de2IuIN5c7PebBWZxufw8sHA3lvhk2+XmtelyzlXiHWGXK/Wq2fIa6+ryLQFcMB5QZhPr0z+ZTKykIDm7n/YzAkhoNjl43hVCfi2TULEtcc1K/XPddl1j6MkrpfrdbPneviCsvF8Kj65fy2gC+fXvohfH0M36yaZD11skWG1B8Sw8Mvyqx9GKX/fkUMo9lXDH98Xg6elpOPvA9/uYo52F/ffMksFVcun+r3tWo/yofZnPkZiYt7W3oaPP0azD8+LV/yGg4uR2pzvJfM8/KWNk/WO6nN38y4frXPcrvE+nvmeh1nloMer8ktuT+j6sT7UBYxn3qVvfrVU1uqn2DyZm27fl64Qf274fg66W+jUXXa6uva6qT60bc3rn/8SFcLxuPHX6uNmUt7C5WH6P0re9jwvvLWHXVdqmv119evV3yxqiuadYJpw+sE9avvn876qTpz+4mLxB+coFvco/7/Dc96W4+tr2uuI55gXLD/fMUK5W1Rvz+aS3yKmKtXi8T3taCyUsesrJ+vvnpwYNt1Nwumrpc5nlouHjefDqwjzuysr/e/bD9enWpjyqcMl3pVDJ+YB1a1vd3NA81+4oJD9tPchGB/duvWHNc3O1S2XXlffepUF92E6y6eiH768Xi8z2KT1SXMDs11zRPRl1Oul9ek3k9QR5zZWT/1tlmzH69OtbHTW1Qpi7FeFcPmzKy2t3s5OXtG2aOyG1i9wekXyCyVfcMo4/37Wa1z9ftcaal6lDm5rcPU/ivj3urZfuKjyldvvo7xe36Rfsw61caUTxkulfu94eCinsRvo546Sn3zacP90VwlqKN8LPVp8fixk87bwT40hvV+4v7jN4lyXtl+gjr6cmPrB5P1gtX3yRX7c/U+iOelvD3M8bjOOv14vW3OZsZXyiuFS0n/itZx/PSgPCQoNaSOUt87hep2xPtQrZPtp+d89+9tVE4hGC+bN+dXmyxPLdv/Vrw3zJaU8zqtVe3Nm3bqKm7G68fbh6B+2f/xqb6uV1zvv3N/OuucziV1XqcH5v6Y416d1foxVzQXEjvxCuI6/JvSg932Dn76R+Xm/tmud1htH1brB09EDA92z8fy6V+03t//c/fqX0/vf5TV9mG1fvBExDAAANMQwwAATEMMAwAwDTEMAMA0xDAAANMQwwAATEMMAwAwDTEMAMA0xDAAANMQwwAATEMMAwAwDTEMAMA0xDAAANMQwwAATEMMAwAwDTEMAMA0xDAAANMQwwAATEMMAwAwDTEMAMA0xDAAANMQwwAATEMMAwAwDTEMAMA0xDAAANOsEsP7vs9uAQCAu60ew/u+k9AAgLc6x/D+x3HSfnAc8eZX63jFvTpt5wYAwOK+YvgYeMfEPR5QJnFwrFfHjNtU3wAAvMDfGA5+LGw+FcfNgsQwAADbzTF8/FF2vAoAAL/gvhjmh9IAAJx0/d6wOV6tE/9QuixLQgMA3qrrT0p7T+M6m5/E4iAAAO+wyt8bBgDgBxHDAABMQwwDADANMQwAwDTEMAAA06wSw+Ufxn7figAAnCwUwz+4NADgxxHDiaX3bxf21Of+PvdC+ap34A39DKmWPWTIOIDXe0kM99xtxQPLaGlb7mo9fQ7cxr34t1zMta7bxlMDnaWIYQAXeUkM91R4RAzry3X22b+N2eBvWy5V+f6QI4YBiIhh6cDpd8m2rxWuWyg4kBgOViSGAZwsHcP7gffSqYI5P6jjLZ2aU9b/PNb7V5qvtprtM15CX1cprjec7TPVT7Z+MDM4u9T5BuMAXm/dGC5vfPHj093wOJ5aSGyv2qfXj/fYm6A32dxnarxa35ypx8/wfoLHXn1l/4PrG7RHDAM4eV4MizeyFWJYGTcLEsNiWaWfuE5PDOtPm8cBvN7SMXzizTTHnxjDn9NcJIbN/W9YOnhVv+6nl+JmysrKeQXFq1dEvEAAcLJ0DIszzfFqzFQLdtYXx836zU3e0Ke4rvjqqMtRnZDaf+VVYhjAEI+JYS+lmmMmGKl2GESmsm7cv/kNmZ6OPX0el87GzEUxPKQfZR+28LvtbAxnw54UB37WujG81W6Lp8xQnnqr6E3GzYj9eKU+I8EqY/ss5+v7pqx4KmLuQNCPOF9fNK5/mhOUip+W1ZrHAbzeQjEs3mGfuyJW5sUwAFxqlRgGpuMrMwD3I4YBAJiGGAYAYBpiGACAaVaJYf6IFgDgBy0Uwz+4NADgxxHDiaXNv0K6oPv73Avlq96BS/UTVBvaYGLpIeMAlvWSGO65UYoHlrfytuWu1tPnwG08PjXLXv1VQrafuJT+Juk5I/MrBm9mahzAsl4Swz0VHhHD+nKdffZvYzbh2pbTKy97pZTDiWHg9Yhh6cDpd7e2rxWuWyg4kBgeeDgxDLze0jG8H3gvnSqY84M63tKpOWX9z2O9f6X5aqvZPuMl9HWV4nrD2T77+/mMBJsQL7EfLn28Suq8UvsWjANY1roxHNyPzMfl3bNaxxtR2qv26fXjPfYm6E0295kar9b3EkvpamI/wfXK9pl6H8YLEcPA6z0vhsUb0AoxrIybBYlhsezAfrJxOOp9SAwDP27pGD7xZprjT4zhz2kuEsPm/jcsHbyqX/fTS3EzDf00xKHXpHmgd17KQgBebOkYFmea4/ptri3hlBhTxs36zU3e0Ke4rvjqqMvR309DDJsTeq67shCAl3lMDHsp1RwzwUi1wyAylXXj/vd9D5pMxU+2z+PSzTmUelW/7lf3k43hbJ/Z/ffWbRsHsKx1Y3gLfwh5GhefeqvoTcbNiP14pT4jwSpj+yzn6/umrHgqYu5A0I84v7+f4Gmqf/Gpd75bcZW9M82OA1jWQjEs3mGfuyIAACerxDAAAD+IGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYJpfieF932e3AADA2a/H8L7vJDQAYJZzDO9/HCftB8eRrYgxc1o157xp+7fUeHXy6UQAALjfVwyf0qscPI2bc7z5Hu/YYN3UuNgGAAD3+xvDXlA1xJ43J1Z+F6v0440TwwCA9S0Rw58ALmuaP0xWfvhMDAMA1ndJDG+Z33NVvgNW2ouXI4YBAAsa/3vD5asxs2C8bmq8Oo2EBgDM0vgnpbc/eebFWCrbPkVO0e6ta457fZarVAcBALhH+98bjtOLbAMAoKoxhtu+6Sy1tAwAwFv8yr+iBQDAgohhAACmIYYBAJhmlRi+/zeM+S1qAMB0C8XwDy4NAPhxxHBi6Yl/zHuRrxXG7gA/igCAl8Rwzw1dPHAv/qmQtuXarBNXe/FPuPSUWue8AGCKl8RwT4WnxPClK6Z+JNBwFADARAxLB87Nm93676euWCI7kxgGgE5Lx3Dw25Dl+Ceryvnxb2f2x3BZ//O4bLKcVm3Ai+H9W2q8Olk/2epL5hLBTO9VAHifdWO4vEHHj8t0qdbxRpT2qn2eIqc6X1ldqZMd19uIe1DWVTbfu44A8ErPi2HvvtwWP0FBcU7DutVzKZcovzsU96HaZ6qT4MCBMdzWGAA80dIxfOLNNMdfE8NBjJnx7I17+6l34vVQrW+u6K1LDAP4KUvHsDjTHB8bww3143W9WNLXjadV+xEP1/vJNua9SgwD+CmPieHTd1fl4ztj2Ht8WjeIqP4YHv5lgddq0I+yD5v/Xbu5HDEM4KesG8Nb7fZ9yjnlqbeK3mTcTBlLnYsG57V/M5spIy3eh2pXQXGvftlDUCp+CgDvs1AM33zPvXrFuOzvRIsXwwCAbZ0YfpnObzpf5v6vsQDgKYhhAACmIYYBAJiGGAYAYJpVYvh9f0QLAICqhWL4B5fGOngbrOnp1+Xp/Y/CPgSI4cTS5l91HdvJDfvQv0TQ5yIftrYrNbD5m/+Q/Kfy59fr3p/3/wwpWKuzjd3SU9BbxVx3G3S9Zl2XrFG9rX//ySKG1aVP0667zQ0ve6qfXaI8xCyy2l3g2EnbJW5e19uHS/fndFtvLiLe4O680MFanW18Di8fDOS9GTb5eq15XbK8m0ZDnbb7z1I3qCNieKEYvkeq8+ztadS29NdpuF4Dr+n9b48hMRwcu2wMt72f9SVSgsQ1B/Xrdc91mbUPoyhf0AxcblRZYvjuG/R0Q25bo+ZfVye+PXm373X6b1vxthi+WTXJeupkiwypPySGh1+UWfswCjHcJbhs5R1zPziObMXt1ZwW36BT7Q3sJzjT+FXzpeZzqRaPlzPHU00GJ5WtEz/1Wo1b8l6q1gnOyOuneglOg6dfg/nHp+VLXsNeh9X+t0KwG+J+mifrndTmb2Zcv9pnuV1i/T1zvY4zy0GP1+SW3J9RdeJ9KIuYT73KXv1qS/F8vZ9gf6rntXQM79Ybbi/eIp8H5hxvfry0PmdsP2Z71X1QTmHsZH28eoIX1blh3dTbLKifep/E48dfq42ZS3sLlYfo/St7mP1ceMd6n5egjjme3f+2+vr1ii9WdUWzTjBteJ2gfvX901lfObA6P9tP6rzWjWFxo5Vtit+11QsTzxnbT+pjoLRXGjL5uo/BqDpt61YPjN9L1eXarq84f/9zT69+7IMlPkXM1atF4vtRUFmpY1bWz1dfPTiw7bqbBVPXyxxPLRePm08H1hFndtbX+8+2d+m+EcP1CxPPGdtP6m20/+H1ZkrN19/u3vheaFt31Mcpu7TXf1xwyG3C3LRgP3fr1qy8D08TlMvk7UPZqrLoJrxPxBPRTz8ej/dZbLK6hNmhua55IvpyyvXymtT7CeqIMzvrp942qfYa9k2v8xMxvB3uCMrSQ9Zt66f5cupSB2Y3Tb+O2XVHfZyyq7e9bYbfJpTrvg+KYaWx1Pu/fz+rdbJtV1fvvC3ok9s6bL7/ZPcn2098VPnqzdex+b7RuW9xnXVjeHOuVnB63pzTq8rSYjPD+0m9jfaDqPXaEg2Tr/sYnKaJH4O4k9T7IT42+zYIKpediO+ruJ+4k3hbggnZ97k5IZ4WtJ3qJ6ijLze2fjBZL1h9n1yxP1fvg3heytvDHI/rVCt4vSn7pp/X0jG8HZLGHCxPz9voYPerFyZuZlQ/+zdzxeNT732g9O91pUzOjm/O/ojdttWpnmlcRF+3f392533SsJ+79cYw51ebLE8t2/9xMDgF5bxOa1V786aduoqb8frx9iGoX/Z/fKqv6xXX++/cn846p3NJndfpgbk/5rhXJ9BWp+xHP6+FYtg881SF1Kv9K47tp7P+RWfxs27bz6dfuJv7Z7ve4fX7kDrBVWK4UxCo1wXt9H6u/kril92zpU+/fPf3/9y9+tfT+x9l7j7sjuH1xfkviWEAAJ6IGAYAYBpiGACAaYhhAACmIYYBAJiGGAYAYBpiGACAac4xzF9rAwDgNsQwAADT/I3hi/49EQAA4OG7YQAApiGGAQCYhhgGAGAaYhgAgGncGCaPAQC4mvHPd/AnpQEAuAf/ihYAANMQwwAATEMMAwAwDTEMAMA0xDAAANOsEsP3/3PW/APaAIDpForhH1wa6+PtsaanX5en9z8K+7ARw6mlr/5PqC791nwvdJbyXmoue4O2HRh4Umap6677p/Ln1+vet/f/bClYq7ON8sNy0b6Z626Drtes65I1qrfn3peIYXXp07TrbmfDy36KNx9Ynrt3B1n87b5970PbpW9e19ufG6778de2IuIN7jUx7D0YyHszbPL1WvO6ZHk3k4Y6bfel6TcuYnihGL5UW8PZ29DV29Jfv+E6Djyp+982Q2I4OHbZGE51Ip5dsyBxzUH9et1zXWbtwyjKFzQDl8uWJYbvvhHP0hnDl65yZ/349uTdvi+9DV3q5hi+WTXJeupkiwypPySGh1+UWfswCjEsCS5PeWfcD44jW3EbNafFN+JUewP7Cc40ftV8SWlSnx+cQnmUvnRz/0Ed5bzip94pxC15L1XrBGfk9VO9NKfB06/B/OPT8iWvYa/Dav9bIdgNcT/Nk/VOavM3M65f7bPcLrH+nrlex5nloMdrckvuz6g68T6URcynXmWvfrWleL7eT7A/nwOXjuHdemPtxVvh88Cc482Pl9bnjO3HbK+6D9lTUObHM/XxYH+Ugs31xQpXrJt6+wX1U++fePz4a7Uxc2lvofIQvX9lD7OfF+9Y73MU1DHH297P2fr69YovVnVFs04wbXidoH71/dNZXzmwOj/bj3le68awuKHKdsTvzuoFiOeM7Sf1dlfa84iH6G9rb1zcH9F1H6fs0m3ndd2+BfP3P/d08XYWfEz0s0vdj4LKSh2zsn6++urBgW3X3SyYul7meGq5eNx8OrCOOLOzvt5/tr0h+0YM1y9APGdsP6m3y/6H11tAPEp/W3vje8F8SWnGq6801jw/ONA8r7hgat+8p9XNLF+KC5b1zQ6VK+XtQ9mqsugWnpeykDItXl3vR2+yuoTZobmueSL6csr18prU+wnqiDM766feNqn2GvatfPoTMbwdPvnK0kPWbetHf7uIbVfrpI5qGO9cKFu/+eOUXb3t7TT8NqG8H/ZBMaw0lvpc9O9ntU627erqnbcLfXJbh833pez+ZPuJjypfvfk6Nt83OvdtXzyGN+eqBNvhzTm9qiwtNjO8n9TbZT+IWq/1LB7VNt729q3201wn3od4M5Xrrk+Lx733T8N+7kNjWO8n7r/cam9a0Haqn6COvtzY+sFkvWD1fXLF/ly9D+J5KW8PczyuU63g9absWzm4dAxvh6QxB8vL421osMvVCxA3M6qf/Zu54vGp+P5T+o8nl+eVGt/8/fHmK41V66dOKih+elVct3/fduf9E5xCMF42b86vNlmeWrb/42BwCsp5ndaq9uZNO3UVN+P14+1DUL/s//hUX9crrvffuT+ddU7nkjqv0wNzf8xxr06grU7ZTzm4UAybZ5iqkHq1f8Wx/XTWv+gscHLbPj/9gt7cP9v1Dq/fB/MEV4nhTkGgXhe00/u5+isJlO7Z6qdf1vv7f+5e/evp/Y8ydx92x/D6p/GXxDAAAE9EDAMAMA0xDADANMQwAADTtMfwan+mYLV+AACo6vpueLXk8/p59B86BQC8GDEMAMA0agx7fwV2eEOi1foBAKBBVwwH41dbrR8AABr8F8OnH9sen8b/noj3Xak32SyljFcne/2YM3eLuAQAAKP8/W64DKrgaTB+yrNqwex4tp9qn6cHQc8AAIzVG8PBS+W3mNnDB/ZDDAMAFnRJDH8COPhRcHV8LzT34zUZPChXBABguAExvPnfQbZ9D51dUXm17bthAAAuZcdw8N1n9XvN0/eU5pygYHU82091JPhumEgGAFzq6y8sHbPHTOLqt7CnmcdD9m+nyWbsxXEo9mPWN8/U68FcAgCAfsP+a4fV4qq5H2IYAHAbYtg+NvguHACAUfiPDgEAmIYYBgBgGmIYAIBpVonh+387lt8ABgBMt1AM/+DSAIAfRwwnlg7+ivPVFvlaYS+Ur2arDW0QACULcy8AAAlHSURBVB7mJTHcc0MXD5z794nXiatgH66L4c7AJu8BLOslMdxT4SkxfOmKqR8JZA8Zov8LtTF9AMBQxLB04Nyb+H79/zlBDAPAFEvHcPAbseX4J6u837P0vqHsj+Gy/udx2WQ5rdqAF8P7t9R4dbJ+ssG5nPYh2IrqeXl1lJbEUwOA+60bw+UtNX5c3uWrdbwRpb1qn2WEiP0ESyh1suN6G3FBb9C7LsF8b7nU9W0+QQC40/Ni2LufNt+Or4thb1r1XMolPqotZfcn1clWa16/juL86oHEMIBHWzqGT7yZ5vhrYjiIXjOevXFvP/VOlJn9Mbz5/ZsHiu8T/QQB4E5Lx7A40xwfG8MN9avx07luPK3aj3h4duaQGDYniPvcvBAATPGYGPa+MeqMQ3Ok2qH+XVqw6M3xL8ahnoviq9kYvuJ89d0GgJutG8Ob/0PX40upp94qepNxM6db/+YHgJ7B3nnt38xm9iKi4n2odlU9PGi4p3/xqXe+4tkBwP0WiuHgFv/EFeOyRAIAYFsnhl8mCHi+LQMAfBDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADANMQwAwDTEMAAA0xDDAABMQwwDADDN22J43/d932d3AQCA5BzD+x/HSftBOXJ8qXxQli2XKOubq1THy3UBAFjZVwyfoq4cNMdPD05pfTo2OLxzHACAx/kbw16eNcSwd7i5hBi3cREAAJ5oiRhWfvjsHeKeGQAAy1sihpVG+eYYAPA+d//ecNmB+ENpsSbfIgMAHqT3T0pvh+QzB8sKZUyaL3mHKKWyuwAAwBTj/94wKQgAgGhwDHvfpAIAgNLb/hUtAAAehBgGAGAaYhgAgGlWieHgDz+/ZkUAAE4WiuEfXBoA8OOI4cTS8V9Zfq77z2vsii+7HAB+yktiuOdGLB64h/9613P1nNeobZ949QFgrpfEcE8FYjh4mj287cDXbCYAZBHD0oFvzYlFtv2t2wsAVUvHcPDbh+X4Xvy71kodb+nUnLL+btkOPz4tmz+9ZL4anJc3v9p56rz0dYOy1cmpdYOZ3qsAsI51Y7i8scaPy0io1vFGlPaqfXoPThFyOjY4vHNcaT54aey6m3BBg/rKRfTeDwCwlOfFsHc/bY6H+2PYO9xcpXMfYovEcLa+GMOpfgBgiqVj+MSbaY6/KYbNfTi95B3itR2saL6kxKTXZ7Z+9XyVE6ledwBYwdIxLM40x6uxUS3YWd97EPQjBozSnn5483nF41XZOnF9YhjAQz0mhr24ao6NYKTaYZCdSgzrvSn1xXFP83lt+XPpWfez3HHRYDliGMAjrBvDW+22e8oA5amSc3GTcTNmA6cHp8GyglI/OCQu1XlewdkF84MVU+d7mhOUip8CwDoWiuGb75X3r/hZ987lXsOLYQB4tFVi+EfwbVmPWV85AcB1iGEAAKYhhgEAmIYYBgBgmlVi+Hf+iBYAAB8LxfAPLg0A+HHEcGJp86+ovsD957UXylez1YY2CAA3eUkM99yIxQPf+vdWe85r4LYfn14Xw52BTd4DGO4lMdxTgRgOnmYPbzjw5p3s/4JvTB8AsG0bMSwe+Nab7wrbTgwD+GVLx7D3e4fHl04VzPlBHW/p1Jyy/m75jB8flKdjnlr1vLz51c5T56WvG5QVi5eD5qvBimafXp2G8wWAfuvGcHkrjB+Xd+dqHW9Eaa/ap/egjITjscHhneNK88FLY9cNDvQGvesbzPeWS71PsucFACnPi2HvPth8G70/hr3DlUDK7kPsWTGsPw0auPq8ACBl6Rg+8Waa42+KYXMfTi95h3htByuaLylx5fWZXdp8Nb6O1a2rHuj1rywEAM2WjmFxpjmu30bFG2tDLJkPgn68LGloTz+8+bzi8aobYtickO2fGAZwqcfEsBdXzbERjFQ7FL+7Mh9kv9MaFZOe5vPa8ueiT+iP4Su+vDieLwAMsW4Mb+EPV0/j4lMl5+Im42bMBk4PToNlBaV+cEhcqvO8grML5usrev0HT1P7ID4VzxcA+i0Uw+Id/Lkrfta9czkAwMpWieEfMSX4AQDLIoYBAJiGGAYAYBpiGACAaVaJ4d/5I1oAAHwsFMM/uDQA4McRw4mlzb+Kmi0yRNBJc7UBbQEAkl4Swz1BIh7o5e6sn2zv3/9URWcpYhgApnhJDPdU6IzhztWbDYxhAMAsxLB0YHUOMQwAaLB0DAe//VmO78W/26zU8ZbOzkn1bzYf9O+tWN2cYB8+LwUzU/0AABqsG8NlMMSPy2Cr1vFGlPaqE7x1gxPxXqquGBxYXTcYSfUDAGjwvBj28kCcPz2GjyNKfIorVs+3IYZT/QAAGiwdwyfeTHN8hRg2+98OAXxRDMfrmpWJYQCYYukYFmea42NjuFqnrf+LYliZX32VGAaAGzwmhqvpdWcMK0Wq/ZTfqqa6aohz81tkbzliGABusG4Mb7XYOI6LT71V9CbLIvs3pf/PyOmB13/QSbw5uxDPZqlsPwCANgvF8M33+vtXnMuLYQDARKvEMG7wa195AMD6iGEAAKYhhgEAmIYYBgBgmlVimD+iBQD4QQvF8A8uDQD4ccRwYungb+ve3P9eKF/NVhvaIABA8pIY7gkS8UAvd2f9ZDv4OuC6GO48U/IeAE5eEsM9FTpjuHP1ZsevA6asO+VwAHgZYlg6sDqHGL7ncAB4maVj2Pu9z836UfBu/ePM1Tre0tk5qf7N5oP+vRXF4nH9eGfKVRr22awDANhWjuHyVh4/LtOlWscbUdqrTvDWDU7Eeyle0UvQciSon+o/tc/VhQDglz0vhr37eHMM3BzDx5FULnr19RjOthevG7dBDAOAYukYPvFmmuMrxLDZ/3YI4CExrPejP/0Mms2bB4rXixgGgKOlY1icaY6PjeFqnbb+F49hc4K4z80LAcBPeUwMV9PrzhhWilT7Eb/LVPpRXu38MqJ5n0/nSAwDwNG6Mbw5PxQ9vZR66q2iN1kW2b8p/X9GTg+8/sVOgn6Cp17/2TrV8z2dMgBgWyqGq9nz9BUBADhZJYYBAPhBxDAAANP8888//w/IdNBsHRwKUwAAAABJRU5ErkJggg==" alt="" />

其实到这里大概流程就差不多了，但是呢，懒人总有偷懒的方法，上面还要打命令提示符，啊啊啊啊啊啊啊啊~

然后，自己做了个简单的批处理文件。

---

第六步：创建build.bat批处理文件自动执行ant指令

鼠标右键新建一个txt文件，然后打入

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAABECAIAAACar+kaAAAB70lEQVR4nO2cW3qDIBBGWXZ2mm10B+lTLZdhGDSV0P+czwdBFOPRAVGTvkCSlB5PJsUpPZ4v0APxoiBeFMSLgnhRavHph1U7BPdQiM99n3Z/53nTq4tzd4gh/jhqV9y/ZeeCtVTV9fIh51d8Lnsv8Utq352o+JTRbKLOzyNHezlOdSPM8qlkmA8tIfG9WNqbN88DfzudnfPKc8Vf4ZL44KFH/AcSFW9GUcTvS7dX34vn5cqI35XuffwrJmyqLUf859AduWuPcq+33Mb/SDKoxyxvtjtOPrQwVi8K4kVBvCiIFwXxoiBeFMSL8gbx3DHvCOJFGb9zdyQZKftPhN65a32Xm0D5ftihfso04nfEDvWv/tU/TMIWREN9uQ7it8cWfy7UcwZshBfqzc682YenV78djNyJgnhR1ounjVgC4kVBvCiIFwXxoiBeFMSLUnw0WY3ZleW6z+mdpP8I/8h594+CMfVYvelj9uHNVD7ilxD6aDLPOSHeL4/4JUTF5w1BvLwf/xG/kOnPpIPih9sZrgV/ylwb74R6p79GG/+BeP9zV5ZL5tIqaOczbaivFuWVws14of6uPUD8Aur7+Ps1IH4J60fuYAmIFwXxoiBeFMSLgnhREC8K4kVBvCiIFwXxoiBeFMSLgnhREC8K4kX5BoBPqBXW1QvrAAAAAElFTkSuQmCC" alt="" />

这里build.bat和build.xml是放在同一个路径下的。所以可以这样直接调用指令，如果你想放在别的地方是要改路径的。

然后保存，后缀txt改成bat就可以了。

以后，修改完代码之后按下build.bat键盘F3（Eclipse打开文件快捷键）就可以链接合并压缩你的JS和CSS代码了。

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAcCAIAAAA2tKw9AAACWElEQVRoge2XzYvTQBjG5/8RAkKRUvDsPfdcc/IWWSx7sqygRCGuelm2KK3MQd24B5ODXwum7GYhKdutWrdpcaFUc7ISULZTaDxs89kkTdeUxDAPLyF5M/NM8mPemQSYIZpOp2G3fFJf3a9fv/T8xuUXa4WXN6/slIt8uciXizvlorBx7RCu/x79iOqvcSVAizEHS1IrGRgk7LekRBoAkA7OfALNnzDQhIWBJqyLA1X1/AcGioFmO1IAevvuvaUidUZ5APqxsW8f5x5aYwqAhPHeUOYIUGJkU9VFEtCb8w0gDQrc7oX9MwIUxRYGujRQSZJYlpUkaSVAnVgRUH/jlIFuV6udbq8/GB6faA8ePsJA/wmooiidbm+MEITwbIzUjqYoSmygIglmmr2PzBE2MvvcSbqBOn0BACFA5/xnbu6ky8cySRMoy7L9wRBCaJomhLDdP12/tVHjBeHtnmEY0UCBTQfSwM8uGqhIuhhtUsFAA/x1jaGslu5kpmbo8Yl2NkYQwj9j9ObwqNbUW6PJE2X4vnEQu+Sty5hAfTW+uOQ9l7uVkjUnswcUIbS1XVU7WvvbQP7cvfO42vo1edb+eTRCNV7IHFCZIwAgKpp3eckYUPcu/6FxUG/qrdHkqfr9S+90QclTomvK2OzOv5B8yYiS15iCVfJO9xB/F3onmUGgtgzDEN/t1Xmh+enrwjWUpGhv6XnqkaDoqE0J2n1LTIUOBBrkf762ev3tQbOwKcUR/vWMBRT/yycJNN+BgWKg2Q4M9H8GihUoDDRhJQn0NXc1LBIcJeP6CxOiAsMGHF/kAAAAAElFTkSuQmCC" alt="" />

当然，如果你不想压缩只想合并的话呢，把build.xml压缩那块删了就可以了。

---

上面这样做其实还是有一些小问题的，后台开发人员如果要去设置路径映射那些的话其实是要去build_output文件夹下面做的，因为这个文件夹才是页面真正的地址（代码已被合并压缩）。

记得跟他们说一下就好了。

作者：manfred Hu

博客：http://www.cnblogs.com/manfredHu

本文地址：http://www.cnblogs.com/manfredHu/p/4719606.html

项目分享：http://yunpan.cn/cdPU8mrHYRLrd  访问密码 d1ba

转载请注明出处谢谢！！！