YUICompressor的安装及使用(一)

时间:2023-03-08 20:54:03
YUICompressor的安装及使用(一)

step1:下载ant和YUICompressor

   1) Ant: 
打开页面后,下拉滚动条,找到如下图所示,单击第一个进行下载:
YUICompressor的安装及使用(一)
   2) yuicompressor:
打开后如下所示,点击download zip按钮进行下载。
YUICompressor的安装及使用(一)
step2: 安装Ant
  1) 解压 apache-ant-1.9.6-bin.zip 至自己的目录, 比如:d:\ant,如下:
YUICompressor的安装及使用(一)
  2) 右击我的电脑> 属性>高级系统设置>环境变量,找到path变量,然后选择编辑,在path变量值的最后添加上d:\ant\bin(注意前面要加分号隔开),如下图:
右击我的电脑图标,选择属性:
YUICompressor的安装及使用(一)
选择“高级系统设置”:
 YUICompressor的安装及使用(一)
单击“环境变量”:
 
YUICompressor的安装及使用(一)
找到“系统变量”的path变量,然后,单击编辑:
 
YUICompressor的安装及使用(一)
在path变量值末尾添加上;D:\ant\bin
YUICompressor的安装及使用(一)
  3) 测试:
     在Cmd命令窗口中输入:  ant -version, 若显示下图则安装成功
     YUICompressor的安装及使用(一)
step3: 安装YUICompressor
 
  1) 解压下载的压缩文件至 一个文件夹, 比如d:\yuicompressor,如下图:
YUICompressor的安装及使用(一)
  2) cmd命令窗口转至 d:\yuicompressor, 输入ant, 得保证e:\yuicompressor  下有build.xml文件
YUICompressor的安装及使用(一)
  3) 编译成功后会在命令窗口中显示编译成功, 在d:\yuicompressor下会出现一个build文件夹, YUICompressor的jar包会在build文件夹下:
YUICompressor的安装及使用(一)
  4). 测试YUICompressor
   命令行定位到d:\yuicompressor文件夹, 输入 java -jar build/yuicompressor-2.4.8.jar -V, 若输出版本号则安装成功(注意:yuicompressor-2.4.8.jar这个名字可能不一样,应以build文件下的jar包为准)如下:
YUICompressor的安装及使用(一)
step4: 使用 YUICompressor4
  1) 具体命令请参考: http://yui.github.io/yuicompressor/
  2) 简单测试压缩js:
在任意位置新建一个js文件,比如,我在e盘的test文件夹下建立一个test.js文件,里面的内容可以随便写,如下:
文件位置如下:
YUICompressor的安装及使用(一)
test.js的内容如下:
YUICompressor的安装及使用(一)
然后打开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文件。如下:
 YUICompressor的安装及使用(一)
现在只是完成了单个文件压缩的功能。一般的做项目是需要把几十个甚至上百个js文件压缩成一个文件的,这就需要自己写一个批处理bat文件来实现,其实这也不难,时间不早了, 明天再继续分享一下如何实现批量压缩。