作者Crow22312 (烏鴉)
看板Ajax
標題Re: [情報] Google釋出JavaScript工具程式碼
時間Sat Nov 7 22:23:32 2009
(原文吃掉..)
1F：→ ileadu:download compiler-latest.zip 之後要怎樣用QQ 11/07 12:11
關於怎麼用.. 新手烏鴉分享一下烏鴉跌撞的心得..
http://code.google.com/intl/zh-TW/closure/compiler/
這頁面裡提到了三種方法:
1. 使用他們所提供的 UI 直接在網頁上處理:
http://closure-compiler.appspot.com/
這個則是他們提供附圖的操作方式:
http://ppt.cc/xaqZ
主要就是選項選一選, 空格填一填, 按鈕按下去就開始了.
唯一的問題在於說如果您的 js 檔案太大, 會被拒絕處理,
那就會需要用到第三種方法了.
2. 是建立自己的 html 文件去處理, 適用於處理較複雜的工作;
這個我就沒試過了, 他們提供的說明網址如下:
http://ppt.cc/,s2O
3. 這就是您所說的使用他們提供的 Closure Compiler Application 來處理文件.
a. 在
http://closure-compiler.googlecode.com/files/compiler-latest.zip
下載了 compiler-latest.zip 之後, 把 compiler.jar 解壓縮, 丟到
closure-compiler 的資料夾.
b. 同資料夾下建立捷徑, 目標打 cmd, 名稱隨便取.
c. cmd 的捷徑右鍵內容中, 捷徑的頁籤裡面開始位置打入目前資料夾的路徑,
好比說 C:\Documents and Settings\[user]\桌面\closure-compiler 之類的.
d. 把您的 js 檔案放入同樣的資料夾後點取 cmd 的捷徑.
e. 輸入:
java -jar compiler.jar --js [您的檔案名稱] --js_output_file [輸出名稱]
好比說他們範例的:
java -jar compiler.jar --js
hello.js --js_output_file
hello-compiled.js
f. 等待完成後就會在該資料夾內出現您的輸出檔案, 如果很快就結束,
沒有出現輸出檔案又跟你說一堆東西, 那就有可能是沒有安裝
Java Runtime Environment version 6, 所以..
http://www.java.com/zh_TW/download/index.jsp
安裝吧 =____="
大致上是這樣子使用啦.. 根據他們提供的說明網頁:
http://ppt.cc/bOCw 中說到輸入 java -jar compiler.jar --help 的話
則是可以獲得更多相關參數的說明.
應該是這樣子, 有錯還請指正 <(_ _)>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.38.5.37
2F：推 zhengyao:像是在推廣compiler.jar來轉template,不過那UI還蠻實用的 11/08 07:57
3F：→ ileadu:ui真的不錯用 但改成本地端作業的ui更好 不要打指令QQ 11/08 08:37
好吧, 那就不打指令吧..
在同個資料夾下, 開啟新的純文字文件, 裡面放一行:
java -jar compiler.jar --js [您的檔案名稱] --js_output_file [輸出名稱]
然後附檔名改成 .bat
這樣子, 每次要弄的時候把你的檔案丟進去 compiler 的資料夾後,
點兩下新製作的 bat 檔, 就會開始了..
4F：→ ileadu:指令方式 如何啟動像是ui那樣的Advanced的選項 還是預設？ 11/10 08:26
http://code.google.com/intl/zh-TW/
closure/compiler/docs/api-tutorial3.html#dangers
( 縮一下是:
http://ppt.cc/cg-K )
裡面提到說在一堆指令裡面補上
--compilation_level ADVANCED_OPTIMIZATIONS 就可以了, 好比說..
建立一個 Compiler.bat 裡面放兩行(黃綠分別為一行):
java -jar compiler.jar --js NewEdit2.user.js --js_output_file RegnumCB.user.js
java -jar compiler.jar --js NewEdit2.user.js --compilation_level
ADVANCED_OPTIMIZATIONS --js_output_file advRegnumCB.user.js
這樣子執行 Compiler.bat 的時候就會產生 RegnumCB.user.js 跟
advRegnumCB.user.js 兩個檔案, 分別用一般跟 ADVANCED 處理.
當然也不全然都是用 ADVANCED 會比較好..
上面給的鏈結中有提到可能出現的壞處. 就.. 看個人需求啦 0.0
5F：→ fillano:我有看到一些人回應（例如John Resig）有bug，不知道解了 11/10 11:31
6F：→ fillano:沒？不知道跟YUI Compressor比較起來有什麼優勢？ 11/10 11:32
這.. 有待其他強者了.. Orz
烏鴉不是唸電腦或程式相關科系的, javascript 也是因為寫 greasemonkey 才慢慢
摸索來的.. Closure Compiler 還是烏鴉第一個接觸到的 javascript compiler.. 囧
( 其實也不知道自己用了之後除了減少檔案大小外, 會提升多少的速度 .__.|| )
※ 編輯: Crow22312 來自: 114.38.1.198 (11/10 13:14)