YUI Compressor是Yahoo推出的Javascript和CSS压缩工具,基于java环境运行,因此需要首先安装JRE或者JDK(在这里我使用JDK)。

1、Java环境配置——Windows7(32位)

1)下载JDK(建议1.6版本以上)并安装,我的jdk安装目录是D:\Program Files\Java\jdk1.6.0_27

http://www.oracle.com/technetwork/java/javase/downloads/index.html

2)配置JAVA用户变量

计算机——属性——高级系统设置,打开“系统属性”窗口,选择”高级”选项卡

image

单击”环境变量“,打开”环境变量“窗口,然后设置”系统变量

image

a.新建 JAVA_HOME 系统变量

D:\Program Files\Java\jdk1.6.0_27 (JDK的安装路径)

b. 编辑PATH 系统变量(系统中已经存在默认值,因此在默认值前面添加,切记:第二个bin后面不要添加分号)

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

c.新建 CLASSPATH系统变量

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3)开始——cmd,打开命令提示窗口,输入javac,若出现以下提示信息,说明安装成功

image

输入java -version,查看java版本信息

image

 

2、使用YUI Compressor压缩JS或者CSS文件

1)下载YUI Compressor并解压,找到yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar 压缩包,复制其到磁盘指定位置(例如:F:\yuicompressor-2.4.6.jar )

2)开始—搜索框—cmd,打开命令窗口

3)输入java -jar [yuicompressor-2.4.6.jar路径]  --type [压缩文件格式js或者css]  --charset utf-8 [未压缩文件路径 ] –o [压缩输出文件路径] ,回车,压缩好的js或者CSS文件就在指定的输出目录下。

说明:

–type指定要打包的文件类型,可选的有 js和css
–charset 指定字符集
-o 指定输出的文件名,如果不指定这个参数将会把压缩后的内容输出到命令行上
例如要压缩一个js文件,语句如下:

java -jar "F:\yuicompressor-2.4.6.jar"  --type js --charset utf-8 "F:\ServiceAPI\js\QueryParamPanel-debug.js"  -o "F:\QueryParamPanel-min.js"

若要压缩CSS文件,只需将–type后的js改为css,指定css文件的源文件路径和输出路径即可

3、制作批处理工具

yuicompressor-2.4.6.jar 压缩包路径: F:\yuicompressor-2.4.6.jar

1)yuicompressor.bat批处理文件代码:

cd "%1"
for /f %%a in ('dir /b *-min.js') do call:ProcessDel: %%a
for /f %%a in ('dir /b *-min.css') do call:ProcessDel: %%a
for /f %%a in ('dir /b *.js') do call:ProcessCompress: %%a
for /f %%a in ('dir /b *.css') do call:ProcessCompress: %%a
:ProcessDel
IF NOT [%1]==[] call:DeleteMinFiles: %1
GOTO:EOF
:ProcessCompress
IF NOT [%1]==[] call:CompressFiles: %1
GOTO:EOF
:DeleteMinFiles
IF EXIST "%CD%\%1" del "%CD%\%1"
GOTO:EOF
:CompressFiles
java -jar "F:\yuicompressor-2.4.6.jar" %1 -o %~n1-min%~x1
GOTO:EOF

 

在文本编辑器中输入以上批处理代码,另存为yuicompressor.bat批处理文件

 

2)yuicompressor.reg注册表文件代码:

Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\Directory\shell\Compress JS/CSS Files]
@="YUI-Compressor JS/CSS"
[HKEY_CLASSES_ROOT\Directory\shell\Compress JS/CSS Files\command]
@="F:\\yuicompressor.bat %1"

在文本编辑器中输入以上批处理代码,另存为yuicompressor.reg注册表文件

注意:

YUI-Compressor JS/CSS——批处理操作右键菜单项名称
F:\\yuicompressor.bat——yuicompressor.bat 批处理文件路径

3)双击注册表文件将其导入注册表,选中文件夹后,右键菜单,会增加一个选项YUI-Compressor JS/CSS

4)在包含js文件的文件夹上,右键选择“YUI-Compressor JS/CSS”,即开始压缩文件夹下的所有js和css文件,并在源文件名后添加-min保存为新的文件

 

4、制作打包压缩批处理文件

文件如下:
批处理文件:pack-js.bat
需要打包的目录文件:pack-list.txt

pack-js.bat 代码:

for /f %%i in (pack-list.txt) do type %%i >> pack-all.js
java -jar "F:\yuicompressor-2.4.6.jar" --type js --charset utf-8 pack-all.js -o pack-all-min.js

pack-list.txt

         ext-basex-debug.js
         AjaxRequest-debug.js
         ServiceURL-debug.js
         PagingStore-debug.js

         Workspace-debug.js
         DataCatalog-debug.js        
      MeasureTool-debug.js

        


 

使用方法:
在当前js文件夹里放入这两个文件,运行pack-js.bat后打包成一个压缩文件pack-all-min.js

 

原文来自:http://www.cnblogs.com/heiniuhaha/archive/2011/06/15/YUI-Compressor.html

posted on 2011-09-19 21:27  冯淼森  阅读(1911)  评论(0编辑  收藏  举报