使用YUI+Ant 實(shí)現(xiàn)JS CSS壓縮

2020-03-22 20:07:05

字體：大中小

供稿：網(wǎng)友

今天研究了一下YUI yahoo開(kāi)源框架，感覺(jué)很猛啊。于是乎我做了一個(gè)YUI的ant實(shí)現(xiàn)，網(wǎng)上好多關(guān)于bat的實(shí)現(xiàn)，我就另辟蹊徑，出個(gè)關(guān)于這個(gè)的ant實(shí)現(xiàn)，嘿嘿獨(dú)一無(wú)二的文章，如果轉(zhuǎn)載的話，其注明作者和網(wǎng)站copyright：Mr.chen好了具體操作如下：網(wǎng)址:yuicompressor-2.4.6.jar 下載地址 http://yuilibrary.com/downloads/#yuicompressorYUIAnt.jar 下載地址 http://www.ubik-ingenierie.com/miscellanous/YUIAnt/具體的相關(guān)代碼如下：#css work dir commonCss.dir = css #js work dir commonJs.dir = js #build temp dir output.temp.dir = build #output files in the directory output.dir = ${output.temp.dir}_output #environment needs lib liblib = lib xml version="1.0" encoding="UTF-8" project name="Compress CSS-JS" default="compress" basedir="." property file="bulid.properties" / path id="yuiClasspath" fileset dir="${lib}" include name="*.*" / /fileset /path !-- #######################Init the environment of the tool ##########################-- target name="init" echo message="begin to init the init" / echo message="delete all reference files." / delete dir="${output.dir}" / echo message="delete end" / echo message="make the reference files." / mkdir dir="${output.dir}" / mkdir dir="${output.temp.dir}" / echo message="make end." / /target !-- #######################Combine the css files ##########################-- target name="combinecss" depends="init" description="Combine common css files" echo message="begin to combine the css files to one file." / concat destfile="${output.temp.dir}/combined_css.css" encoding="UTF-8" append="false" fileset dir="${commonCss.dir}" include name="*.css" / /fileset /concat echo message="combine end." / /target !-- #######################Combine the js files ##########################-- target name="combinejs" echo message="begin to combine the js files to one file." / concat destfile="${output.temp.dir}/all_source.js" encoding="utf-8" append="false" fileset dir="${commonJs.dir}" include name="*.js" / /fileset /concat echo message="combine end." / /target !-- #######################Compress the js and css files ##########################-- target name="compress" depends="combinecss,combinejs" description="Compress" echo message="begin to compress the css file." / taskdef name="yuicompress" html' target='_blank'>classname="com.yahoo.platform.yui.compressor.YUICompressTask" classpath path refid="yuiClasspath" / /classpath /taskdef !-- first method compress the css files -- yuicompress linebreak="10000000" warn="false" munge="yes" preserveallsemicolons="true" outputfolder="${output.dir}" fileset dir="${output.temp.dir}" include name="*.css" / /fileset /yuicompress echo message ="compress the css end." / !-- second method compress the js files-- echo message ="begin to compress the js file." / apply executable="java" parallel="false" failonerror="true" fileset dir="${output.temp.dir}" includes="all_source.js" / arg line="-jar" / arg path="${lib}/yuicompressor-2.4.6.jar" / arg line="--charset utf-8" / arg line="-o ${output.dir}/combined_js.js" / srcfile / /apply echo message ="compress the js end." / delete dir="${output.temp.dir}" / /target /project @echo off echo ################################################ echo ##########Tool Compress the js and css########## echo ################################################ echo Please make sure your css and js in the css'directory and js'directory. echo If sure,please enter any button to continue the tool. pause call ant -buildfile compress.xml compress build.log echo compress end pause
相關(guān)的文件我提供下載，感覺(jué)好的，就留言吧PHP教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：css，js實(shí)現(xiàn)聽(tīng)話的骰子源碼

下一篇：返回列表