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.7\build> java -jar yuicompressor-2.4.7.jar D:\test.js -o E:\test-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-tool\yuicompressor-2.4.7\build
 6 
 7   ::設置你的JS和CSS根目錄，腳本會自動按樹層次查找和壓縮全部的JS和CSS
 8 
 9   SET JSFOLDER=E:\架包\ys-tool\yuicompressor-2.4.7\build\hu
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文件。