JavaScript 代碼壓縮工具小結
UglifyJS是構建于nodeJS服務器端之上的一個代碼壓縮工具,目前jQuery使用它來壓縮,壓縮效果比較好。
GitHub主頁:http://github.com/mishoo/UglifyJS/
在線使用:http://marijnhaverbeke.nl/uglifyjs
使用方法:
- 從http://nodejs.org下載nodejs,用到的是node.exe
- 再從UglifyJS的GitHub主頁下載它的最新版本
- 復制node.exe到UglifyJS的bin目錄
- 修改bin\uglifyjs,把require("uglify-js")改成require("../uglify-js"),假如提示找不到uglify-js的話
- 運行node uglifyjs –o fancyValidate.min.js fancyValidate.js
注意要先指定-o參數(shù),且-o參數(shù)后面緊跟的是壓縮后的文件名,最后才是源文件。
如果嫌下載麻煩的話,直接使用它的在線版本。
Microsoft Ajax Minifier
Microsoft Ajax Minifier是微軟出品的代碼壓縮工具,支持JavaScript和css代碼壓縮。
官方主頁:http://ajaxmin.codeplex.com/
下載并安裝,使用方法也很簡單:ajaxmin fancyValidate.js –o fancyValidate.min.js
更多的參數(shù)使用方法請看官方的說明文檔:http://ajaxmin.codeplex.com/wikipage?title=Command-Line%20Switches
Google Closure Compiler
谷歌出品的代碼壓縮工具,需要JRE(從http://www.java.com/zh_CN/download/下載)的支持
官方主頁:http://code.google.com/p/closure-compiler/
先安裝好JRE,簡單使用:java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
更多的參數(shù)說明請看相關的文檔:https://developers.google.com/closure/compiler/docs/overview
YUI Compressor
Yahoo!UI團隊出品的代碼壓縮工具,支持JavaScript和css代碼壓縮,同樣也需要JRE支持。
官方主頁:http://developer.yahoo.com/yui/compressor/
GitHub主頁:https://github.com/yui/yuicompressor
從http://yuilibrary.com/download/yuicompressor/下載它,簡單使用:java -jar yuicompressor-2.4.7.jar myfile.js -o myfile-min.js
更多參數(shù)的說明請看官方主頁或https://github.com/yui/yuicompressor/blob/master/doc/README
Packer
著名的js大牛Dean Edwards寫的壓縮工具,壓縮比率也比較高。
官方主頁:http://dean.edwards.name/packer/
時間比較久遠,但依然好用,也提供了不少參數(shù)設置。
JSMIN
與Packer差不多時代,僅對注釋、空白等進行壓縮。
官方主頁:http://www.crockford.com/javascript/jsmin
提供了一個DOS命令行版本:http://www.crockford.com/javascript/jsmin.zip
簡單使用:jsmin <fancyValidate.js> fancyValidate.min.js
結尾
就簡單介紹到這里,另外在進行壓縮之前最好能夠使用JSLint(http://www.jslint.com/)檢查代碼,否則很可能導致壓縮失敗。
作者:囧月
相關文章
javascript實現(xiàn)鎖定網(wǎng)頁、密碼解鎖效果(類似系統(tǒng)屏幕保護效果)
這篇文章主要介紹了javascript實現(xiàn)鎖定網(wǎng)頁、密碼解鎖效果,跟Windows系統(tǒng)的屏幕保護效果類似,需要的朋友可以參考下2014-08-08
JavaScript中rxjs與?Observable?兩大類操作符解析
這篇文章主要介紹了JavaScript中rxjs與?Observable?兩大類操作符解析,運算符是對?Observable?進行操作并返回?Observable?的函數(shù),文章圍繞主題展開詳細內容,需要的小伙伴可以參考一下2022-07-07
對javascript的一點點認識總結《javascript高級程序設計》讀書筆記
Javascript專為與網(wǎng)頁交互而設計的腳本語言,由下列三個部門構造2011-11-11
js利用clipboardData實現(xiàn)截屏粘貼功能
這篇文章主要為大家詳細介紹了js利用clipboardData實現(xiàn)截屏粘貼功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10

