YUI Compressor與ANT結合使用

YUI Compressor在上一篇有過介紹了,但是YUI Compressor只能單獨對一個CSS或JS文件進行處理,要批量進行操作,或者對一個項目所有的CSS和js文件進行操作,那麼和ANT結合起來就很方便。只要在項目裏編寫一個build.xml文件就OK了。
比方說在eclipse上操作:run as→ant build,輕鬆一鍵完成



<property name="web.dir" location="WebRoot" />
<property name="yuicompressor.jar" location="WebRoot/WEB-INF/lib/YUICompressorLib/yuicompressor-2.4.1.jar" />
<property name="js.build.dir" location="webRoot/js/" />
<property name="dist.dir" location="${build.dir}" />

<!-- JS Compress -->
<target name="js.compress">
<!-- java -jar yuicompressor-2.4.1.jar -o d:/temp/hello_min.js hello.js -->
<apply executable="java" parallel="false" failonerror="true">
<fileset dir="${js.build.dir}" includes="**/*.js" />
<arg line="-jar" />
<arg path="${yuicompressor.jar}" />
<arg line="--charset utf-8" />
<srcfile />
<arg line="-o" />
<mapper type="glob" from="*.js" to="${dist.dir}/js/*.js" />
<targetfile />
</apply>
</target>

<!-- CSS Compress -->
<target name="css.compress">
<apply executable="java" parallel="false" failonerror="true">
<fileset dir="${web.dir}" includes="**/*.css" />
<arg line="-jar" />
<arg path="${yuicompressor.jar}" />
<arg line="--charset utf-8" />
<srcfile />
<arg line="-o" />
<mapper type="glob" from="*.css" to="${dist.dir}/*.css" />
<targetfile />
</apply>
</target>


PS:注意制定編碼格式,不然會出現項目裏編碼不一致而產生錯誤。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章