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 相关文章推荐
javascript的函数
Jan 31 Javascript
Javascript访问器属性实例分析
Dec 30 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
js格式化时间的简单实例
Nov 27 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
vue和小程序项目中使用iconfont的方法
May 19 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 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遍历数组的方法汇总分析
2013/06/08 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
php删除二维数组中的重复值方法
2018/03/12 PHP
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
基于JS实现PHP的sprintf函数实例
2015/11/14 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
2019/09/04 Javascript
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
python追加元素到列表的方法
2015/07/28 Python
简单解决Python文件中文编码问题
2015/11/22 Python
Python的组合模式与责任链模式编程示例
2016/02/02 Python
python制作mysql数据迁移脚本
2019/01/01 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
贝玲妃美国官方网站:Benefit美国
2016/08/28 全球购物
澳大利亚在线百货商店:Real Smart
2017/08/13 全球购物
国外软件测试工程师面试题
2016/12/09 面试题
毕业生求职简历的自我评价
2013/10/23 职场文书
总经理助理的八要求
2013/11/12 职场文书
办公室副主任岗位职责
2013/11/25 职场文书
施工资料员的岗位职责
2013/12/22 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
给校长的建议书200字
2014/05/16 职场文书
扬尘污染防治方案
2014/06/15 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
三方股东合作协议书
2014/10/28 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
校园安全学习心得体会
2016/01/18 职场文书
详细聊聊浏览器是如何看闭包的
2021/11/11 Javascript