javascript/css压缩工具---yuicompressor使用方法

1. 下载

地址：https://github.com/yui/yuicompressor/downloads

2. 安装

yuicompressor是由java写成的一组jar文件，需要jdk环境支持运行。所以，先安装jdk，再解压使用。

3. 使用

yuicompressor-2.4.7.jar位于build文件夹下，运行时先切换盘符到build下，然后用java -jar命令执行压缩。例如：

G:yuicompressor-2.4.7uild> java -jar yuicompressor-2.4.7.jar D: est.js -o E: est-min.js

红色为输入的js文件，蓝色为输出的文件，保存路径任选，其他参数可参见官方文档或资料。

4. 集成工具

以上是命令行方式压缩，网上还有一种集成了的工具更直接，点击下载后，找到install.cmd，点击一键注册安装，前提是有jdk环境。使用简单，选中js文件，右键会出现”Process with YUICompressor“选项，点击后会生成默认为*-min.js文件。

5. 关于“float”异常

这是由于“float”造成的，可以查看文件是否在设置css样式时，写为{float:'left'}，改为{'float':'left'}即可。float是javascript中的一种数据类型，浮点型，又是css中浮动定位，由于yuicompressor可压缩js文件和css文件，所以可能造成它的混淆。很奇怪的是这里的报错“[ERROR] 166:106 invalid property id”，找到166行，却怎么也找不到所谓的id，如果显示“[ERROR] 166:106 invalid property float”不就很好找了吗？

6. 批量压缩

在ms-dos下，需要些bat文件，网上搜集如下：

1 @echo off
2 
3 ::设置YUI Compressor启动目录
4 
5   SET YUIFOLDER=E:架包ys-toolyuicompressor-2.4.7uild
6 
7 ::设置你的JS和CSS根目录，脚本会自动按树层次查找和压缩所有的JS和CSS
8 
9   SET JSFOLDER=E:架包ys-toolyuicompressor-2.4.7uildhu
10 
11   echo正在查找 JavaScript, CSS ...
12 
13   chdir /d %JSFOLDER%
14 
15   for /r . %%a in (*.js *.css) do(
16 
17   @echo 正在压缩 %%~a ...
18 
19   @java -jar %YUIFOLDER%yuicompressor-2.4.7.jar --charset UTF-8 %%~fa -o %%~fa
20 
21 )
22 
23   echo 完成!
24 
25   pause & exit

试过之后，觉得很好用，可以快速批量压缩文件夹下的js文件和css文件。