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文件，網上搜集如下：

@echo off

  ::設置YUI Compressor啟動目錄

  SET YUIFOLDER=E:\架包\ys-tool\yuicompressor-2.4.7\build

  ::設置你的JS和CSS根目錄，腳本會自動按樹層次查找和壓縮所有的JS和CSS

  SET JSFOLDER=E:\架包\ys-tool\yuicompressor-2.4.7\build\hu

  echo 正在查找 JavaScript, CSS ...

  chdir /d %JSFOLDER%

  for /r . %%a in (*.js *.css) do (

  @echo 正在壓縮 %%~a ...

  @java -jar %YUIFOLDER%\yuicompressor-2.4.7.jar --charset UTF-8 %%~fa -o %%~fa

  )

  echo 完成!

  pause & exit

試過之后，覺得很好用，可以快速批量壓縮文件夾下的js文件和css文件。