JavaScript 代码压缩工具小结


Posted in Javascript onFebruary 27, 2012

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

谷歌出品的代码压缩工具,需要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/)检查代码,否则很可能导致压缩失败。

作者:?逶

Javascript 相关文章推荐
页面中iframe相互传值传参
Dec 13 Javascript
Javascript 面向对象 对象(Object)
May 13 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
JQuery中clone方法复制节点
May 18 Javascript
基于jQuery实现顶部导航栏功能
Dec 27 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
vue组件开发之slider组件使用详解
Aug 21 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 31 Javascript
js 实现验证码输入框示例详解
Sep 23 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 #Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 #Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 #Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 #Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 #Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 #Javascript
js前台判断开始时间是否小于结束时间
Feb 23 #Javascript
You might like
用cookies来跟踪识别用户
2006/10/09 PHP
PHP memcache扩展的三种安装方法
2009/04/26 PHP
PHP垃圾回收机制简单说明
2010/07/22 PHP
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
js 金额文本框实现代码
2012/02/14 Javascript
基于jQuery选择器的整理集合
2013/04/26 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
Django中的FBV和CBV用法详解
2019/09/15 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Python析构函数__del__定义原理解析
2020/11/20 Python
python tkinter实现下载进度条及抖音视频去水印原理
2021/02/07 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
详解HTML5中的标签
2015/06/19 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
最新的大学生找工作自我评价
2013/09/29 职场文书
污水厂厂长岗位职责
2014/01/04 职场文书
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
2014年基层党建工作总结
2014/11/11 职场文书
公司员工体检通知
2015/04/21 职场文书
教你怎么用Python处理excel实现自动化办公
2021/04/30 Python