使用YUI Compressor压缩Ext js和CSS（支持右键批处理,打包）

 

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