YUICompressor的安装及使用（一）

step1:下载ant和YUICompressor

   1) Ant: 

 http://ant.apache.org/bindownload.cgi  

打开页面后，下拉滚动条，找到如下图所示，单击第一个进行下载：

   2) yuicompressor:

 https://github.com/yui/yuicompressor

打开后如下所示，点击download zip按钮进行下载。

 

step2: 安装Ant

  1) 解压 apache-ant-1.9.6-bin.zip 至自己的目录, 比如:d:\ant，如下：

 

 

 

  2) 右击我的电脑> 属性>高级系统设置>环境变量,找到path变量,然后选择编辑，在path变量值的最后添加上d:\ant\bin(注意前面要加分号隔开），如下图：

 

右击我的电脑图标，选择属性：

 

 

选择“高级系统设置”：

 

 

 

单击“环境变量”：

 

 

找到“系统变量”的path变量，然后，单击编辑：

 

 

在path变量值末尾添加上;D:\ant\bin

 

 

 

 

 

  3) 测试:

     在Cmd命令窗口中输入:  ant -version, 若显示下图则安装成功

    

 

step3: 安装YUICompressor

 

  1) 解压下载的压缩文件至 一个文件夹, 比如d:\yuicompressor，如下图：

 

 

  2) cmd命令窗口转至 d:\yuicompressor, 输入ant, 得保证e:\yuicompressor  下有build.xml文件

  3) 编译成功后会在命令窗口中显示编译成功, 在d:\yuicompressor下会出现一个build文件夹, YUICompressor的jar包会在build文件夹下:

  4). 测试YUICompressor

   命令行定位到d:\yuicompressor文件夹, 输入 java -jar build/yuicompressor-2.4.8.jar -V, 若输出版本号则安装成功（注意：yuicompressor-2.4.8.jar这个名字可能不一样，应以build文件下的jar包为准）如下：

 

 

step4: 使用 YUICompressor4

  1) 具体命令请参考: http://yui.github.io/yuicompressor/

  2) 简单测试压缩js:

在任意位置新建一个js文件，比如，我在e盘的test文件夹下建立一个test.js文件，里面的内容可以随便写，如下：

 

文件位置如下：

 

 

test.js的内容如下：

 

 

然后打开cmd,输入： 

java -jar D:\yuicompressor\build\yuicompressor-2.4.8.jar F:\test\test.js -o F:\test\test.min.js --charset utf-8

如果成功的话，在F:\test目录下会多了一个test.min.js文件，它就是被压缩后的js文件。如下：

 

 

 

现在只是完成了单个文件压缩的功能。一般的做项目是需要把几十个甚至上百个js文件压缩成一个文件的，这就需要自己写一个批处理bat文件来实现，其实这也不难，时间不早了， 明天再继续分享一下如何实现批量压缩。