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 相关文章推荐
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
JavaScript中的关联数组问题
Mar 04 Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
Apr 13 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
vue实现选中效果
Oct 07 Javascript
vue实现列表拖拽排序的功能
Nov 02 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
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
PHP实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
PHP中使用BigMap实例
2015/03/30 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
2019/10/18 PHP
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
一文让你彻底搞清楚javascript中的require、import与export
2017/09/24 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Linux下Python获取IP地址的代码
2014/11/30 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
python之django母板页面的使用
2018/07/03 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
海淘零差价,宝贝全球购: 宝贝格子
2016/08/24 全球购物
测绘工程本科生求职信
2013/10/10 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
销售会计岗位职责
2014/03/15 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
被委托人身份证明
2015/08/07 职场文书
趣味运动会广播稿
2015/08/19 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书