`

YUI+Ant 实现JS CSS压缩

 
阅读更多

今天研究了一下YUI yahoo开源框架,感觉很猛啊。

于是乎我做了一个YUI的ant实现,网上好多关于bat的实现,我就另辟蹊径,出个关于这个的ant实现,嘿嘿独一无二的文章,如果转载的话,其注明作者和网站

copyright:Mr.chen

好了具体操作如下:

官网:

yuicompressor-2.4.6.jar 下载地址 http://yuilibrary.com/downloads/#yuicompressor

YUIAnt.jar 下载地址 http://www.ubik-ingenierie.com/miscellanous/YUIAnt/

具体的相关代码如下:

#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
lib = 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" 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

 相关的文件我提供下载,感觉好的,就留言吧

分享到:
评论

相关推荐

    使用YUI+Ant 实现JS CSS压缩

    YUI库是一组工具和控件,它们用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两个创建时工具:YUI ...

    YUI Comprocess+ant成功压缩css文件的例子

    YUI Compressor是一款由雅虎开发的JavaScript和CSS压缩工具,它能有效地压缩和优化代码,减少文件大小,从而提升网站性能。在这个例子中,我们将探讨如何结合YUI Compressor 2.4.7和Apache Ant 1.8.2来自动化CSS文件...

    yui compressor 2.4.2 javascript/css压缩程序

    综上所述,`YUI Compressor 2.4.2` 是一款强大的JavaScript和CSS压缩工具,对于前端性能优化具有重要的意义。虽然它是一个较老的版本,但在很多情况下仍然能够胜任代码压缩的工作,帮助开发者实现更快、更轻量级的...

    ant和yuicompressor 压缩css、js方案

    标题 "ant和yuicompressor 压缩css、js方案" 涉及到的是在软件开发中如何使用构建工具Ant以及JavaScript压缩工具YUI Compressor来优化前端资源,特别是CSS和JavaScript文件。这两个工具在Web开发中起着至关重要的...

    使用Ant构建批量压缩js、css文件脚本

    YUI Compressor是由Yahoo开发的一款高效的JavaScript和CSS压缩工具,它可以删除代码中的空格、注释,并进行变量和函数名的混淆,从而达到压缩的目的。 以下是使用Ant和YUI Compressor进行批量压缩的基本步骤: 1. ...

    用yuicompressor和Ant压缩Ext的CSS文件

    yuicompressor是一款由Yahoo开发的JavaScript和CSS压缩工具,它能够删除代码中的空格、注释以及简化CSS选择器,从而减小文件大小,提高网页加载速度。而Ant是Apache组织开发的一款Java构建工具,它通过XML配置文件来...

    java开发中压缩js,css文件

    Java中实现js和css压缩,通常会使用一些开源库,例如Google的Closure Compiler和YUI Compressor,它们提供了API供开发者调用。这些工具不仅能够压缩文件,还能进行变量和函数名的混淆,进一步减小文件大小,但混淆...

    Yui压缩和合并js工具

    使用这个工具,开发者可以便捷地管理项目中的JavaScript和CSS资源,通过简单的命令行操作即可实现代码的压缩和合并,有助于优化网站性能,提高用户体验。同时,由于是基于Ant的,所以这个工具具备良好的可扩展性和...

    基于Java的实例源码-JSCSS压缩工具 YUI Compressor.zip

    **YUI Compressor:强大的Java实现的JSCSS压缩工具** YUI Compressor是一款由雅虎(Yahoo!)开发的开源工具,主要用于压缩JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件,以减小网页资源的大小,提高网页...

    基于Java的JSCSS压缩工具 YUI Compressor.zip

    YUI Compressor就是这样一个工具,它是一款由雅虎公司开发的基于Java的JavaScript和CSS压缩工具。本篇文章将详细介绍YUI Compressor的功能、使用方法及其在优化前端资源中的应用。 YUI Compressor的主要功能是将...

    js 压缩工具

    在本压缩包中,提供了适用于JS和CSS压缩的工具,这通常包括Eclipse IDE与Ant构建工具的集成。Eclipse是一款强大的多语言开发环境,支持多种插件扩展,其中就包含了用于前端开发的工具。Ant则是一个Java平台上的构建...

    ant yui 对应所需的jar

    在描述中提到的博客链接,可能提供了关于如何在Ant中配置YUI Compressor的详细步骤,YUI Compressor是一个JavaScript和CSS压缩工具,有助于减小网页加载时间。 YUI,全称Yahoo! User Interface Library,是Yahoo...

    css,js合并优化工具

    2.目录apache-ant-1.8.1:使用ant和yui需要处理的包 3.合并和压缩js.bat 根据source将js进行合并到in目录,并输出到out目录 4.合并压缩css.bat 根据source将css进行合并到in目录,并输出到out目录 5.合并js.bat 只将...

    yuicompressor.jar

    这里我们将深入探讨一个在Ant构建系统中广泛使用的工具——yuicompressor.jar,它是一款强大的CSS和JS压缩工具。 Ant是一个由Apache软件基金会开发的Java项目构建工具,它以XML为基础,提供了一种跨平台的、声明式...

    YUI compressor源码jar包

    **三、JavaScript和CSS压缩原理** 1. **去除空白与注释**:YUI Compressor会删除代码中的多余空格、换行和注释,这是最基本的压缩方式,能有效减少文件大小而不影响代码执行。 2. **变量与函数混淆**:为了进一步...

    Javascript开发之js压缩篇.docx

    公司开发的一款高质量的JavaScript和CSS压缩工具,它支持现代JavaScript语法特性,能够很好地处理大型项目中的代码压缩需求。 ##### 2. 使用YUI Compressor进行压缩 YUI Compressor是一款基于Java编写的工具,使用...

    yuicompressor

    例如,可以设置是否保留行号以便于错误追踪,或者启用或禁用CSS压缩。 与Tomcat的gzip压缩结合使用,可以进一步提升压缩效果。gzip是一种通用的数据压缩算法,它可以在服务器和客户端之间传输数据前对其进行压缩,...

Global site tag (gtag.js) - Google Analytics