`
catastiger
  • 浏览: 138556 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

YUI压缩JS,CSS

    博客分类:
  • HTML
 
阅读更多

buildYui.xml:

<?xml version="1.0" encoding="UTF-8"?>
<project name="YUI" basedir=".">
	<property file="buildYui.properties" />
	
	<property name="YUIcompressor" location="${lib}yuicompressor-2.4.2.jar"/>
	
	<target name="concat and compress JS CSS">
		<echo message="开始合并base.js"/>
		<concat destfile="${js}base.js" encoding="utf-8" fixlastline="on">
			<fileset dir="${js}" includes="G.EVENT.js"/>
			<fileset dir="${js}" includes="G.CONST.js"/>
			<fileset dir="${js}" includes="lib/jquery-1.9.1.min.js"/>
			<fileset dir="${js}" includes="lib/Das.js"/>
			<fileset dir="${js}" includes="lib/json2.js"/>
			<fileset dir="${js}" includes="BindEvent.js"/>
			
			<fileset dir="${js}" includes="util/App.Util.*.js"/>
			
			<fileset dir="${js}" includes="ui/UI.Base.js"/>
			<fileset dir="${js}" includes="ui/UI.Loading.js"/>
			<fileset dir="${js}" includes="ui/UI.Tab.js"/>
			<fileset dir="${js}" includes="ui/UI.PlaceHolder.js"/>
			<fileset dir="${js}" includes="ui/UI.FormValidator.js"/>
			<fileset dir="${js}" includes="ui/UI.Popup.js"/>
			<fileset dir="${js}" includes="ui/UI.PopupMail.js"/>
		</concat>
		<echo message="**结束**合并base.js"/>
		
		<echo message="开始合并base.css"/>
			<concat destfile="${css}base.css" encoding="utf-8" fixlastline="on">
			<fileset dir="${css}" includes="common.css"/>
			<fileset dir="${css}" includes="ui/UI.*.css"/>
		</concat>
		<echo message="**结束**合并base.css"/>
		
		<echo message="开始压缩base.js"/>
		<apply executable="java" verbose="true" dest="${js}" failonerror="true" parallel="false">
			<fileset dir="${js}" includes="base.js"/>
			<arg line="-jar"/>
			<arg path="${YUIcompressor}"/>
			<arg line="--charset utf-8"/>
			<arg line="--type js"/>
			<arg line="-o"/>
			<targetfile/>
			<mapper type="glob" from="*.js" to="*.min.js"/>
	      </apply>
		<echo message="**结束**压缩base.js"/>
		
		<echo message="开始压缩base.css"/>
		<apply executable="java" verbose="true" dest="${css}" failonerror="true" parallel="false">
			<fileset dir="${css}" includes="base.css"/>
			<arg line="-jar"/>
			<arg path="${YUIcompressor}"/>
			<arg line="--charset utf-8"/>
			<arg line="--type css"/>
			<arg line="-o"/>
			<targetfile/>
			<mapper type="glob" from="*.css" to="*.min.css"/>
	      </apply>
		<echo message="**结束**压缩base.css"/>
		
		<echo message="开始压缩頁面 JS"/>
		<apply executable="java" verbose="true" dest="${js}out/" failonerror="true" parallel="false">
			<fileset dir="${js}page/" includes="*.js"/>
			<arg line="-jar"/>
			<arg path="${YUIcompressor}"/>
			<arg line="--charset utf-8"/>
			<arg line="--type js"/>
			<arg line="-o"/>
			<targetfile/>
			<mapper type="glob" from="*.js" to="*.js"/>
	      </apply>
		<echo message="**结束**压缩頁面JS"/>
		
		<echo message="开始压缩頁面 css"/>
		<apply executable="java" verbose="true" dest="${css}out/" failonerror="true" parallel="false">
			<fileset dir="${css}page/" includes="*.css"/>
			<arg line="-jar"/>
			<arg path="${YUIcompressor}"/>
			<arg line="--charset utf-8"/>
			<arg line="--type css"/>
			<arg line="-o"/>
			<targetfile/>
			<mapper type="glob" from="*.css" to="*.css"/>
	      </apply>
		<echo message="**结束**压缩base.css"/>
	</target>
</project>

 

buildYui.properties:

 

root=src/main/webapp/
lib=lib/
js=${root}js/
css=${root}css/

 

分享到:
评论

相关推荐

    maven+yui压缩js,css文件

    将YUI Compressor集成到Maven项目中,可以实现自动化压缩JS和CSS文件的功能,这在部署前是一个非常重要的步骤,可以显著减小文件大小,从而加速网页加载。 ### 配置Maven插件 在给定的部分内容中,可以看到一个`...

    YUI Compressor js css压缩工具

    1. **代码压缩**:YUI Compressor能够智能地分析JavaScript和CSS文件,去除其中的多余空格、换行和注释,同时进行代码混淆,将变量名和函数名替换为更短的形式,进一步减小文件体积。 2. **代码合并**:除了压缩,...

    maven打包使用yui压缩css和js文件

    Maven作为一个强大的Java项目管理工具,提供了与各种构建优化工具集成的能力,其中包括使用YUI Compressor来压缩CSS和JS文件。YUI Compressor是一款由Yahoo开发的开源工具,它能够去除代码中的空白、注释,并进行...

    ant和yuicompressor 压缩css、js方案

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

    JSCSS压缩工具 YUI Compressor

    例如,在Gulp中,你可以安装`gulp-yui-compressor`插件,编写任务来自动压缩JS和CSS文件: ```javascript const gulp = require('gulp'); const yuicompressor = require('gulp-yui-compressor'); gulp.task('...

    YUI JS CSS 打包工具

    YUI JS CSS 打包工具是一款高效的前端资源优化工具,主要针对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩和合并,以提升网页加载速度和整体性能。这款工具由雅虎(Yahoo!)开发,是其开源项目的...

    Yui压缩和合并js工具

    标题“Yui压缩和合并js工具”所涉及的核心技术是JavaScript文件的压缩与合并,这是一种常见的前端优化手段,旨在减少网页加载时间和提升页面性能。YUI Compressor是Yahoo开发的一款开源工具,用于压缩JavaScript和...

    yui compressor js 、css 压缩大全

    《yui compressor js 、css 压缩大全》 在现代网页开发中,为了提高页面加载速度和优化用户体验,JavaScript (js) 和 Cascading Style Sheets (css) 文件的压缩至关重要。YUI Compressor 是 Yahoo! 开发的一款高效...

    yui compressor 2.4.2 javascript/css压缩程序

    `YUI Compressor 2.4.2` 是一个由雅虎(Yahoo)开发的开源工具,主要用于JavaScript和CSS代码的压缩与优化。这个版本发布于2009年,它在当时是业界广泛使用的前端资源压缩工具之一。通过这个工具,开发者能够有效地...

    java开发中压缩js,css文件

    首先,我们要了解为什么要压缩js和css文件。在Web应用中,每次用户访问页面时,浏览器都需要下载所有的外部资源,包括js和css文件。如果这些文件较大,会延长加载时间,导致用户体验下降。压缩文件可以显著减少网络...

    基于yuicompressor压缩js、css、scss、html、jsp

    yuicompressor压缩html、js、css、scss、jsp 方法:Monitoring.init 初始化基本参数: suffix : 压缩的后缀,如min,common.js压缩后为common.min.js,html与jsp不参与 filterDir:过滤目录,正则表达式,如(./...

    YUI Compressor JavaScript压缩,CSS压缩工具GUI界面版

    * 可添加多个目录文件,批量压缩JavaScript,CSS文件; * 可设置发布目录,将压缩后的文件集中保存到该处; * 可将调试信息保存到文件中; * 可保置当前压缩文件列表,方便下次重新打开; * 在读入文件列表时可设置文件...

    YUI+Ant 实现JS CSS压缩

    以下是一个简单的Ant构建文件示例,用于压缩JS和CSS文件: ```xml &lt;project name="YUI+Ant Compression" default="compress"&gt; &lt;taskdef name="yui-compress" classname=...

    基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip

    基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip 基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip 基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip 基于java的开发源码-JSCSS压缩工具 YUI ...

    用yuicompressor-2.4.7压缩你的JS和CSS

    想了各种办法,只能看看压缩效果怎么样,就找到了这个jar,有人做了一个class,我试了试,非常好用,只需要指定文件夹,他就会把里面的文件完全的压缩,仅压缩js和css文件。 试过,压过的文件不会有错误现象,很好...

    yui js压缩工具

    **YUI Compressor:JavaScript与CSS的压缩利器** YUI Compressor是一款强大的JavaScript和CSS压缩工具,由雅虎(Yahoo!)开发并开源。它的主要功能是通过删除代码中的空白符、注释以及不必要的字符,将文件大小压缩...

    yui压缩

    《深入理解YUI压缩:优化前端性能的关键》 在当今的Web开发中,优化前端性能是提升用户体验的重要一环。其中,代码压缩扮演了至关重要的角色。YUI Compressor,作为一个由雅虎(Yahoo!)开发的JavaScript和CSS压缩...

    使用yuicompressor压缩及合并js,css静态资源

    YUI Compressor是由Yahoo开发的一款高效且强大的JavaScript和CSS压缩工具。它能够通过删除空格、注释和不必要的字符,以及进行代码混淆来减小文件大小,从而提高页面加载速度,降低带宽消耗。此外,YUI Compressor还...

    yui_js压缩min_yui_压缩工具_nan_

    "yui_js压缩min_yui_压缩工具_nan_"这个标题提到的是使用YUI Compressor这一工具,将JavaScript文件压缩成min.js格式,以达到减少文件大小、提升网页加载速度的目的。下面我们将深入探讨JavaScript压缩的必要性、YUI...

Global site tag (gtag.js) - Google Analytics