使用YUI+Ant 实现JS CSS压缩
网络编程 2021-07-05 09:50www.168986.cn编程入门
YUI库是一组工具和控件,它们用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两个创建时工具YUI Compressor (压缩)和YUI Doc(JavaScripts代码的文档引擎)
今天研究了一下YUI yahoo开源框架,感觉很猛啊。
于是乎我做了一个YUI的ant实现,网上好多关于bat的实现,我就另辟蹊径,出个关于这个的ant实现,嘿嘿独一无二的文章,如果网络推广网站推广转载的话,其注明作者和网站
copyrightMr.chen
好了具体操作如下
官网:
yuipressor-2.4.6.jar 下载地址
YUIAnt.jar 下载地址
具体的相关代码如下
#css work dir monCss.dir = css #js work dir monJs.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="press" 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="binecss" depends="init" description="Combine mon css files"> <echo message="begin to bine the css files to one file." /> <concat destfile="${output.temp.dir}/bined_css.css" encoding="UTF-8" append="false"> <fileset dir="${monCss.dir}"> <include name=".css" /> </fileset> </concat> <echo message="bine end." /> </target> <!-- #######################Combine the js files ##########################--> <target name="binejs"> <echo message="begin to bine the js files to one file." /> <concat destfile="${output.temp.dir}/all_source.js" encoding="utf-8" append="false"> <fileset dir="${monJs.dir}"> <include name=".js" /> </fileset> </concat> <echo message="bine end." /> </target> <!-- #######################Compress the js and css files ##########################--> <target name="press" depends="binecss,binejs" description="Compress"> <echo message="begin to press the css file." /> <taskdef name="yuipress" classname=".yahoo.platform.yui.pressor.YUICompressTask"> <classpath> <path refid="yuiClasspath" /> </classpath> </taskdef> <!-- first method press the css files --> <yuipress linebreak="10000000" warn="false" munge="yes" preserveallsemicolons="true" outputfolder="${output.dir}"> <fileset dir="${output.temp.dir}"> <include name=".css" /> </fileset> </yuipress> <echo message ="press the css end." /> <!-- second method press the js files--> <echo message ="begin to press 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}/yuipressor-2.4.6.jar" /> <arg line="--charset utf-8" /> <arg line="-o ${output.dir}/bined_js.js" /> <srcfile /> </apply> <echo message ="press 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 press.xml press>build.log echo press end pause
相关的文件我提供下载,感觉好的,就留言吧
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程