Google Closure Compiler 壓縮Jave語法的工具

分類:網站架設

除了之前所介紹的一些CSS壓縮工具之外,Javascript也能透過Google所提供的Closure Compiler壓縮工具來將語法壓縮及優化,只需要事先輸入Javascript語法再依照選項來進行優化。

廣告載入中...
名稱:Google Closure Compiler
網址:https://closure-compiler.appspot.com/home

首先,依照下述說明,依照個人需求設定,不過個人覺得壓縮的部份「預設」即可。


Optimization(壓縮),分為三個模式。
Whitespace only(清除空白、空格)、Simple(簡單)、 Advanced(高級)。
建議只使用Whitespace only、Simple兩種模式,通常使用 Advanced會有問題。

Formatting(格式)
Pretty print(漂亮化輸出)
Print input delimiter(輸出分隔符號)

Reset(重置所有輸入)


// ADD YOUR CODE HERE(在這裡增加你的語法),請將語法放到此段下方,不過記得先將底下範例語法刪除後再加上。

Original Size:(原始大小)
Compiled Size:(壓縮大小)
Compiled Code(壓縮後語法),直接將此語法複製起來就好。
Warnings(警告),壓縮後可能會有問題的。
Errors(錯誤),壓縮後有錯誤。

Google Closure Compiler Javascript壓縮工具 JS語法優化 Closure Compiler教學 JS壓縮模式

首先將語法放到輸入框後,點選「Compile」進行壓縮。

Google Closure Compiler Javascript壓縮工具 JS語法優化 Closure Compiler教學 JS壓縮模式

最後就能產生壓縮後的語法,但是建議是原先的語法請記得備份,再將語法複製貼上取代即可。

Google Closure Compiler Javascript壓縮工具 JS語法優化 Closure Compiler教學 JS壓縮模式

通常壓縮模式使用Advanced會有較多問題,建議使用Whitespace only、Simple就好。

Google Closure Compiler Javascript壓縮工具 JS語法優化 Closure Compiler教學 JS壓縮模式