- 时间:2021-05-03 20:19 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:JavaScript 代码压缩工具小结
[b]UglifyJS
[/b]
UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具,目前jQuery使用它来压缩,压缩效果比较好。
GitHub主页:[url=http://github.com/mishoo/UglifyJS/]http://github.com/mishoo/UglifyJS/[/url]
在线使用:[url=http://marijnhaverbeke.nl/uglifyjs]http://marijnhaverbeke.nl/uglifyjs[/url]
使用方法:
[list=1]
[*]从[url=http://nodejs.org/]http://nodejs.org[/url]下载nodejs,用到的是node.exe
[/*][*]再从UglifyJS的GitHub主页下载它的最新版本
[/*][*]复制node.exe到UglifyJS的bin目录
[/*][*]修改binuglifyjs,把require("uglify-js")改成require("../uglify-js"),假如提示找不到uglify-js的话
[/*][*]运行[b]node uglifyjs –o[/b] fancyValidate.min.js fancyValidate.js [/*][/list]
注意要先指定-o参数,且-o参数后面紧跟的是压缩后的文件名,最后才是源文件。
如果嫌下载麻烦的话,直接使用它的在线版本。
[b]Microsoft Ajax Minifier[/b]
Microsoft Ajax Minifier是微软出品的代码压缩工具,支持JavaScript和css代码压缩。
官方主页:[url=http://ajaxmin.codeplex.com/]http://ajaxmin.codeplex.com/[/url]
下载并安装,使用方法也很简单:ajaxmin fancyValidate.js –o fancyValidate.min.js
更多的参数使用方法请看官方的说明文档:[url=http://ajaxmin.codeplex.com/wikipage?title=Command-Line%20Switches]http://ajaxmin.codeplex.com/wikipage?title=Command-Line%20Switches[/url]
[b]Google Closure Compiler[/b]
谷歌出品的代码压缩工具,需要JRE(从[url=http://www.java.com/zh_CN/download/]http://www.java.com/zh_CN/download/[/url]下载)的支持
官方主页:[url=http://code.google.com/p/closure-compiler/]http://code.google.com/p/closure-compiler/[/url]
先安装好JRE,简单使用:[b]java -jar compiler.jar[/b] [b]--js[/b] hello.js [b]--js_output_file[/b] hello-compiled.js
更多的参数说明请看相关的文档:[url=https://developers.google.com/closure/compiler/docs/overview]https://developers.google.com/closure/compiler/docs/overview[/url]
[b]YUI Compressor[/b]
Yahoo!UI团队出品的代码压缩工具,支持JavaScript和css代码压缩,同样也需要JRE支持。
官方主页:[url=http://developer.yahoo.com/yui/compressor/]http://developer.yahoo.com/yui/compressor/[/url]
GitHub主页:[url=https://github.com/yui/yuicompressor]https://github.com/yui/yuicompressor[/url]
从[url=http://yuilibrary.com/download/yuicompressor/]http://yuilibrary.com/download/yuicompressor/[/url]下载它,简单使用:[b]java -jar yuicompressor-2.4.7.jar[/b] myfile.js [b]-o[/b] myfile-min.js
更多参数的说明请看官方主页或[url=https://github.com/yui/yuicompressor/blob/master/doc/README]https://github.com/yui/yuicompressor/blob/master/doc/README[/url]
[b]Packer[/b]
著名的js大牛Dean Edwards写的压缩工具,压缩比率也比较高。
官方主页:[url=http://dean.edwards.name/packer/]http://dean.edwards.name/packer/[/url]
时间比较久远,但依然好用,也提供了不少参数设置。
[b]JSMIN [/b]
与Packer差不多时代,仅对注释、空白等进行压缩。
官方主页:[url=http://www.crockford.com/javascript/jsmin]http://www.crockford.com/javascript/jsmin[/url]
提供了一个DOS命令行版本:[url=http://www.crockford.com/javascript/jsmin.zip]http://www.crockford.com/javascript/jsmin.zip[/url]
简单使用:[b]jsmin <[/b]fancyValidate.js[b]>[/b] fancyValidate.min.js
[b]结尾[/b]
就简单介绍到这里,另外在进行压缩之前最好能够使用JSLint([url=http://www.jslint.com/]http://www.jslint.com/[/url])检查代码,否则很可能导致压缩失败。
作者:囧月