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文件来实现,其实这也不难,时间不早了, 明天再继续分享一下如何实现批量压缩。