YUI Compressor(js/css压缩工具)快速使用指南

2013-02-18阅读(8415)评论(1)牵着狗狗看MM

苏州实时公交查询

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

1.配置java运行环境

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

1.安装JDK
点击下载JDK

2.配置下环境变量

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

yui-compressor-1

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

yui-compressor-2

再新建个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

yui-compressor-3

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

yui-compressor-4

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

2.安装YUI Compressor

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

3.YUI Compressor简易操作

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

yui-compressor-7

从28K到14K,效果是立竿

见影!压缩率达到50%!
除了可以从XX.js生成XX-min.js,也可以从XX.source.js生成XX.js。

赞(0)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » YUI Compressor(js/css压缩工具)快速使用指南
分享到: 更多 (0)