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