位置：首页>> 网络编程>> JavaScript>> YUI Compressor快速使用指南

YUI Compressor快速使用指南

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

标签：YUI,Compressor,压缩,YUI

名称：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，以后明河会给大家介绍。

投稿