JavaScript 代碼壓縮公用程式小結

來源:互聯網
上載者:User

UglifyJS

UglifyJS是構建於nodeJS伺服器端之上的一個代碼壓縮公用程式,目前jQuery使用它來壓縮,壓縮效果比較好。

GitHub首頁:http://github.com/mishoo/UglifyJS/

線上使用:http://marijnhaverbeke.nl/uglifyjs

使用方法:

  1. 從http://nodejs.org下載nodejs,用到的是node.exe
  2. 再從UglifyJS的GitHub首頁下載它的最新版本
  3. 複製node.exe到UglifyJS的bin目錄
  4. 修改bin\uglifyjs,把require("uglify-js")改成require("../uglify-js"),假如提示找不到uglify-js的話
  5. 運行node uglifyjs –o fancyValidate.min.js fancyValidate.js

注意要先指定-o參數,且-o參數後面緊跟的是壓縮後的檔案名稱,最後才是源檔案。

如果嫌下載麻煩的話,直接使用它的線上版本。

Microsoft Ajax Minifier
Microsoft Ajax Minifier是微軟出品的代碼壓縮公用程式,支援JavaScript和css代碼壓縮。

官方首頁:http://ajaxmin.codeplex.com/

下載並安裝,使用方法也很簡單:ajaxmin fancyValidate.js –o fancyValidate.min.js

更多的參數使用方法請看官方的說明文檔:http://ajaxmin.codeplex.com/wikipage?title=Command-Line%20Switches

Google Closure Compiler

Google出品的代碼壓縮公用程式,需要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

更多的參數說明請看相關的文檔: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

更多參數的說明請看官方首頁或https://github.com/yui/yuicompressor/blob/master/doc/README

Packer

著名的js大牛Dean Edwards寫的壓縮公用程式,壓縮比率也比較高。

官方首頁:http://dean.edwards.name/packer/

時間比較久遠,但依然好用,也提供了不少參數設定。

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/)檢查代碼,否則很可能導致壓縮失敗。

作者:囧月

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.