码迷,mamicode.com
首页 > 其他好文 > 详细

YUICompressor的安装及使用(一)

时间:2016-01-01 01:58:25      阅读:277      评论:0      收藏:0      [点我收藏+]

标签:

step1:下载ant和YUICompressor

   1) Ant: 
打开页面后,下拉滚动条,找到如下图所示,单击第一个进行下载:
技术分享
   2) 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文件来实现,其实这也不难,时间不早了, 明天再继续分享一下如何实现批量压缩。
 
 
 

YUICompressor的安装及使用(一)

标签:

原文地址:http://www.cnblogs.com/yugege/p/5092903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!