使用YUI Compressor壓縮CSS/JS

這幾天正在爲壓縮代碼的事情所困擾,大家也可以看見,我的博客頂端有兩個在線的壓縮工具,但在實際應用過程中,除了CSS的壓縮比較滿意外,JS的壓縮,很是不爽,如果語法有問題的話(比如缺少”;”),就會出現無法預知的錯誤。

不過讓人欣慰的是,Yahoo!給我們帶來了YUI  compressor!,呵呵,廢話少說,趕緊體驗。

YUI compressor的下載地址是:http://developer.yahoo.com/yui/compressor/

淘寶做了一個可視化的版本,叫做TBCompressor,可以到這裏下載:http://lifesinger.org/blog/?p=464 
謝謝歲月老大!

如果你沒有安裝JAVA環境的話,還需要安裝一下JDK

下載地址是:http://java.sun.com/javase/downloads/index.jsp  我們選擇(Java SE Development Kit (JDK) 6 Update 11)這個下載。

下載,安裝,一路Next,沒有任何問題,對了,你可以修改一下路徑。

安裝完畢以後,需要配置一下JAVA_HOME環境變量。

配置方法如下。

1、點擊我的電腦—>屬相—>高級—>環境變量—>系統變量

2、新建變量,變量名JAVA_HOME 路徑:E:\Program Files\Java\jdk1.6.0_11 (我的是在E盤,你的JDK安裝到那個盤,就寫那個盤)

3、找到path變量,在後面添加路徑:;%JAVA_HOME%\jre6\bin

OK,一路確定,關閉窗口。

打開CMD,輸入java -version

看看能不能出來版本?

java version “1.6.0_11″
Java(TM) SE Runtime Environment (build 1.6.0_11-b03)
Java HotSpot(TM) Client VM (build 11.0-b16, mixed mode, sharing)

 

 

1、使用ant編譯得到yuicompressor-x.y.z.jar的包,進入yuicompressor-x.y.z目錄運行ant -f build.xml

2、在build目錄下得到yuicompressor-x.y.z.jar的包,使用java -jar yuicompressor-2.4.2.jar AC_RunActiveContent.js -o AC_RunActiveContent-min.js

 

OK,我的沒有問題了,呵呵,現在,我們測試一下,看看他的壓縮效果。

我們就壓縮一個Dreamweaver自帶的“AC_RunActiveContent.js”腳本文件。

下圖中,左側的是原始文件,右側的是壓縮後的文件。

YUI壓縮對比圖

呵呵,接近50%的壓縮比,不錯了!另外,就目前測試的情況來看,非常完美,不會出現在線壓縮工具經常出現的“語法錯誤”了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章