DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js壓縮工具 yuicompressor 使用教程
js壓縮工具 yuicompressor 使用教程
編輯:關於JavaScript     
提供的js,css壓縮工具 yuicompressor 2.46打包
簡介
官方網址:http://developer.yahoo.com/yui/compressor/
JS與css 壓縮工具 yuicompressor
當前最新版本:2.4.2
運行需要先安裝JDK,官方下載地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk-7u1-download-513651.html 根據自己的系統選擇合適的版本,一般情況下586那個即可。
yuicompressor使用純Java編寫,運行需要JDK1.4或更高版本,基於Rhino 對JavaScript源文件進行分析和切詞。可以是去掉JavaScript文件和Css文件中冗余的空白字符(空格,換行符,制表符),對於JavaScript文件還可以對其進行混淆,更改局部變量的名稱,將它們改成長度為1,2或3的字符,總之是盡量短。對於 CSS,還有采用優化0值屬性值的表示,優化顏色值的方法壓縮文件。

使用教程
下面是介紹yuicompressor用命令行方式來調用。
命令行用法
語法: java -jar yuicompressor-x.y.z.jar [options] [input file]
通用參數:
-h, --help 顯示幫助信息
--type <js|css> 指定輸入文件的文件類型
--charset <charset> 指定讀取輸入文件使用的編碼
--line-break <column> 在指定的列後插入一個 line-bread 符號
-v, --verbose 顯示info和warn級別的信息
-o <file> 指定輸出文件。默認輸出是控制台。

JavaScript專用參數:
--nomunge 只壓縮, 不對局部變量進行混淆。
--preserve-semi 保留所有的分號。
--disable-optimizations 禁止優化。

使用示例:java -jar yuicompressor-2.4.2.jar -o d:/temp/hello_min.js hello.js
下面這篇文章是另外的一個網友寫的,可以參考下。
今天為網站寫了很多JS代碼,看著越來越多的代碼,不禁有點發慌,這樣網站的速度會很慢的,忽然記起以前小馬說過有個JS壓縮工具,於是問了一下阿飛師傅,熱情的阿飛師將工具傳給我,並教我如何使用,一試之下,果然非常不錯。
  這是雅虎的yuicompressor,非常方便,使用方法如下:

安裝步驟:

1. 將jsMinifier.rar解壓縮到X:\jsMinifier,將X:\jsMinifier加入到系統PATH環境變量中(如果不加入PATH中,而可以手工修改注冊表文件,指全路徑。

2. 重命名 X:\jsMinifier\jsMinifier.tpl.reg 為 jsMinifier.reg, cssMinifier.tpl.reg 為 cssMinifier.reg。可自行修改配置(參見1)。

3. 運行regedt32打開注冊表編輯器,然後導入 jsMinifier.reg 和 cssMinifier.reg 到注冊表。


測試安裝:

1. 在X:\jsMinifier\test.source.js上右鍵,執行菜單“壓縮JavaScript”,系統自動生成X:\jsMinifier \test.js文件。如果你再對test.js文件執行一次壓縮,系統會生成test-min.js文件,內容不變,這個是對非source.js文件壓縮默認文件名。

2. CSS壓縮測試同1類似。


注:該工具還可以對CSS文件進行壓縮
如果是從http://www.jb51.net/jiaoben/25557.html下載的文件,直接下載解壓後,運行install.bat即可,在需要壓縮的css或js文件上面右鍵選擇

就會在同目錄生成一個文件名後面帶-min的文件。

如果需要批量壓縮文件,大家可以參考下面的腳本
windows下的批量處理腳本分享(復制到記事本,保存為bat,修改相應路徑後可應用):
復制代碼 代碼如下:
@echo off
::設置YUI Compressor啟動目錄
SET YUIFOLDER=C:
::設置你的JS和CSS根目錄,腳本會自動按樹層次查找和壓縮所有的JS和CSS
SET JSFOLDER=D:\WebJsAndCss
echo 正在查找 JavaScript, CSS ...
chdir /d %JSFOLDER%
for /r . %%a in (*.js *.css) do (
@echo 正在壓縮 %%~a ...
@java -jar %YUIFOLDER%\yuicompressor-2.4.6.jar --charset UTF-8 %%~fa -o %%~fa
)
echo 完成!
pause & exi
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved