自制批处理使用Yui Compressor压缩并打包js或css文件

今天下午，手头上没什么事做，于是就上网查看资料，看到很多人写的YUI Compressor的使用方法，大致写的都不详细，于是自己来做个总结。

 

（1）首先来看下，为什么要压缩js或css文件？

 

JS/CSS文件大，用户访问站点的时候需要下载JS/CSS的时间长就会感觉慢，有的甚至由于CSS的文件而造成页面初始打开很凌乱。

 

（2）我们怎么提高用户下载JS/CSS的速度呢？

 

1、我们无法改变用户的网络状况，只有自己网站使用更快的带宽或者使用更强的服务器，使用户访问我们的时候感觉很快。

 

2、对JS/CSS文件进行压缩，由于文件较小，用户下载的时间就很短。

 

解决方案1，需要花费比较多的money,方案2实现比较简单，而且效果也明显。

 

下面我们介绍使用YUI Compressor进行JS/CSS压缩打包的方法，网上有人做了压缩大都没有讲打包（即使YUI Compressor GUI也是一样）。在这里我是用最土的办法批处理来做的。

 

1）前提是你的电脑上要有java 1.4以上的的环境

如果你没有安装JAVA环境的话，还需要安装一下JDK下载地址是：http://java.sun.com/javase/downloads/index.jsp 我们选择（Java SE Development Kit (JDK) 6 Update 14）这个下载。

 

2）到网站上下载 YUI Compressor：http://www.julienlecomte.net/yuicompressor/

 

3）解压到d盘:yuicompressor-2.4.2文件夹下

 

4）编写批处理文件compress_js.bat （这里比如compress_js.bat文件放在桌面）：(注意路径  /  )

 

@echo offset /p outFile=请填写输出文件名：set /p fList=请填写合并列表文件：for /f %%i in (%fList%) do type %%i >> %outFile%java -jar D:/yuicompressor-2.4.2/build/yuicompressor-2.4.2.jar --type js --charset utf-8 %outFile% -o %outFile%

 

5）编写要打包的列表文件 js.txt (如放在e:/jqTest/js.txt)：(注意路径  /  )

 

E:/jqTest/scripts/nav.jsE:/jqTest/scripts/changeSkin.jsE:/jqTest/scripts/slide.jsE:/jqTest/scripts/scroll.jsE:/jqTest/scripts/tooltip.jsE:/jqTest/scripts/tree.jsE:/jqTest/scripts/ad.jsE:/jqTest/scripts/imgHover.jsE:/jqTest/scripts/imgSlide.js

 

6)双击compress_js.bat文件，根据提示输入内容，ok大功告成

 

输入和提示如下：(注意路径  /  )

 

请填写输出文件名：jq.min.js
请填写合并列表文件：e:/jqTest/js.txt

7)如果是 css文件类同，这里就不重复了(注意修改 bat中的 type 和 charset)，如有不明白的，给我留言！

 

注：以下有两个可视化版

 

1）淘宝做了一个可视化的版本，叫做TBCompressor，可以到这里下载：http://lifesinger.org/blog/?p=464

 

2）http://download.csdn.net/source/1468705  csdn上的YUI Compressor GUI