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用户变量
计算机——属性——高级系统设置,打开“系统属性”窗口,选择”高级”选项卡
单击”环境变量“,打开”环境变量“窗口,然后设置”系统变量“
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,若出现以下提示信息,说明安装成功
输入java -version,查看java版本信息
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