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

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

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

我们这里是用

 1 <??> 2  3 <project default="compress" basedir="D:\eclipseWorkSpace\AntTest\WebContent\web" name="core"> 4   <!-- 项目的 web 路径，也就是我们修改代码的那个web文件夹的路径 --> 5   <property name="path" value="D:\eclipseWorkSpace\AntTest\WebContent\web" /> 6   <!-- 部署的输出路径 也就是项目的链接合并压缩的输出文件夹的路径--> 7   <property name="targetDir" value="D:\eclipseWorkSpace\AntTest\WebContent\build_output\asset" /> 8   <!-- 源文件路径(src) --> 9   <property name="code.src" value="src" /> 10   <property name="baseService" value="baseService" /> 11   <!-- !!! YUI Compressor 路径 !!! --> 12   <property name="yuicompressor" value="D:\eclipseWorkSpace\AntTest\WebContent\build\yuicompressor-2.4.6\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar"/> 13      14   <!-- =================================  15      target: concat 拼接（合并）文件     16   ================================= --> 17       18   <target name="concat" depends="" description="concat code"> 19     <echo message="Concat Code Files Begin!!!" /> 20     <!-- 需要注意这里的拼接顺序depends是优先链接合并的文件，也就是依赖的意思 --><!-- JS --> 21     <concat destfile="${targetDir}/js/source/all.js" encoding="utf-8" fixlastline="on"> 22       <fileset dir="${code.src}/js" includes="jquery-1.5.1.js" /> 23       <fileset dir="${code.src}/js" includes="jquery.ui.core.js" /> 24       <fileset dir="${code.src}/js" includes="jquery.ui.widget.js" /> 25       <fileset dir="${code.src}/js" includes="jquery.ui.draggable.js" /> 26       <fileset dir="${code.src}/js" includes="jquery.ui.droppable.js" /> 27       <fileset dir="${code.src}/js" includes="jquery.ui.button.js" /> 28       <fileset dir="${code.src}/js" includes="jquery.ui.dialog.js" /> 29       <fileset dir="${code.src}/js" includes="jquery.ui.accordion.js" /> 30       <fileset dir="${code.src}/js" includes="jquery.ui.autocomplete.js" /> 31     </concat> 32     <!-- CSS --> 33     <concat destfile="${targetDir}/css/source/all.css" encoding="utf-8"> 34       <fileset dir="${code.src}/css" includes="jquery.ui.core.css" /> 35       <fileset dir="${code.src}/css" includes="jquery.ui.button.css" /> 36       <fileset dir="${code.src}/css" includes="jquery.ui.dialog.css" /> 37       <fileset dir="${code.src}/css" includes="jquery.ui.accordion.css" /> 38       <fileset dir="${code.src}/css" includes="jquery.ui.autocomplete.css" /> 39     </concat> 40  41     <echo message="Concat Code Files Finished!!!" /> 42   </target> 43  44   <!-- =================================  45      target: copy 拷贝文件  46      ================================= --> 47  48   <target name="copy_asset" depends="concat" description="copy the asset file"> 49     <echo message="Copy Asset Begin" /> 50     <!-- main.html --> 51     <copy todir="${targetDir}/../" overwrite="true"> 52       <fileset dir="${path}/" includes="*.html"/> 53     </copy> 54     <!-- img *.png --> 55     <copy todir="${targetDir}/img" overwrite="true"> 56       <fileset dir="${path}/asset/img" includes="*.png" /> 57     </copy> 58  59     <echo message="Copy Asset Finished" /> 60   </target> 61  62  63   <!-- =================================  64      target: compress 压缩 js && css  65      ================================= --> 66  67   <target name="compress" depends="copy_asset" description="compress code"> 68     <echo message="Compress Code Begin" /> 69  70     <apply executable="java" parallel="false" failonerror="true" dest="${targetDir}/js"> 71       <fileset dir="${targetDir}/js/source" includes="*.js"/> 72       <arg line="-jar"/> 73       <arg path="${yuicompressor}" /> 74       <arg line="--charset utf-8" /> 75       <arg line="-o" /> 76       <targetfile/> 77       <mapper type="glob" from="*.js" to="*.js" /> 78     </apply> 79      80     <apply executable="java" parallel="false" failonerror="true" dest="${targetDir}/css"> 81       <fileset dir="${targetDir}/css/source" includes="*.css"/> 82       <arg line="-jar"/> 83       <arg path="${yuicompressor}" /> 84       <arg line="--charset utf-8" /> 85       <arg line="-o" /> 86       <targetfile/> 87       <mapper type="glob" from="*.css" to="*.css" /> 88     </apply> 89  90     <echo message="Compress Code Finished" /> 91  92     <echo message="Clean Begin" /> 93  94     <!--<delete verbose="false" failonerror="true"> 95       <fileset dir="${path}" includes="${targetDir}/*-o.js" /> 96     </delete> --> 97  98     <echo message="Clean Finished" /> 99 100   </target>101 </project>