YUI Compressor快速使用指南

作者:明河共影 时间:2011-06-27 20:07:30 

  • 名称:YUI Compressor

  • 最新版本:2.4.2

  • 用途:js/css压缩

  • 必备指数:

  • 使用难度:(YUI Compressor非常易用,只是配置的时候会遇到些麻烦)

YUI Compressor是java程序,如果你对java很熟悉的话,大可快速的上手使用yuicompressor.jar;如果你和明河一样,对java很陌生,没关系,一样可以使用YUI Compressor,只不过使用的是淘宝UED前端制作的批处理工具,算是可视化的YUI Compressor工具,使用极其傻瓜化。今天向大家介绍的就是这款工具。
点此下载

1.配置java运行环境

在安装YUI Compressor前,先要确保你的机子安装了JDK,并且添加了必要的环境变量。

1.安装JDK


2.配置下环境变量

这里以win7为例,请看下图:
(右击“我的电脑”,进入“属性”界面)

(新建个JAVA_HOME变量,指向你安装的JDK的根目录,比如明河把JDK安装在C:\Program Files\Java\jdk1.6.0_10,那么JAVA_HOME就指向该路径)

再新建个PATH变量(如果已经存在PATH编辑,点击“编辑”即可),值为%JAVA_HOME%\bin;(留意分号,如果已经存在PATH路径记得在值前加;号分隔符)。
明河机子上的配置是.;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
再新建个CLASS_PATH变量,值为.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3.测试下配置是否成功

在cmd界面,输入javac

出现下面的信息,说明配置成功了。

如果出现“’javac’ 不是内部或外部命令,也不是可运行的程序或批处理文件”,说明配置有误。

2.安装YUI Compressor

运行压缩包的install.cmd,如果出现“rundll32 不是内部或外部命令,也不是可运行的程序或批处理文件”,说明java环境配置有误,请返回第一步。
安装完成后,会在你的系统右键菜单增加一个压缩文章(只有在右击文件的时候才会出现哦)。接下来以压缩包中的test.js为例。

3.YUI Compressor简易操作

右击test.js

点击“process with YUI Compressor”,稍等片刻,就会生成一个test-min.js文件,可以比较下二者的大小:

从28K到14K,效果是立竿见影!压缩率达到50%!
除了可以从XX.js生成XX-min.js,也可以从XX.source.js生成XX.js。

4.YUI Compressor结合ant

这部分教程留待明河讲解ant的时候奉上。

5.明河结语

强烈建议使用YUI Compressor压缩css文件,从压缩率来讲js的压缩Google Closure Compiler,更胜一筹,但Google Closure Compiler对你的代码要求很严格的哦,当然这也是好事。关于Google Closure Compiler,以后明河会给大家介绍。

标签:YUI,Compressor,压缩,YUI
0
投稿

猜你喜欢

  • ASP中利用ADODB.Stream对象将字节流转换为字符流

    2008-06-07 08:56:00
  • 隐藏修改文件时间和文件属性的ASP脚本

    2011-03-17 11:15:00
  • ASP 代码出现80040e14错误的解决方法

    2011-03-29 10:53:00
  • MySQL在命名用过程中所遇到的常见问题

    2008-12-05 16:03:00
  • asp简单可逆运算字符串加密解密函数

    2010-05-04 16:42:00
  • Rel与CSS的联合使用

    2010-02-20 13:03:00
  • 如何在Access数据库中立即得到所插入记录的自动编号?

    2010-06-17 12:45:00
  • asp如何统计字符串出现的次数?

    2009-11-25 20:36:00
  • 怎样设计"帮助"最有效?

    2008-04-12 14:18:00
  • MySQL内建复制功能来优化可用性

    2010-10-25 20:20:00
  • 一场关于YUI3/jQuery的精彩辩论

    2010-11-11 12:50:00
  • css hack简易的“独享”与“交集”

    2008-08-31 20:17:00
  • 如何把一个Excel文件放到ASP页面中去?

    2009-11-07 17:54:00
  • Mysql入门系列:MYSQL日志文件维护

    2008-11-24 13:10:00
  • ASP短日期格式为长日期

    2009-06-11 12:53:00
  • 分享13款非常有用的jQuery插件

    2011-05-16 19:07:00
  • 和server XMLHTTP相关的几个函数

    2008-09-21 13:56:00
  • 数字人组件反写[asp组件开发实例3]

    2009-06-09 13:16:00
  • ASP用户登录模块的设计源码

    2008-10-03 12:16:00
  • 互联网产品交互事件分析

    2009-10-06 15:23:00
  • asp之家 网络编程 m.aspxhome.com