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 相关文章推荐
HTML中事件触发列表与解说
Jul 09 Javascript
jq选项卡鼠标延迟的插件实例
May 13 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
jquery ui bootstrap 实现自定义风格
Nov 14 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
JS判断字符串变量是否含有某个字串的实现方法
Jun 03 Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 Javascript
关于Js中new操作符的作用详解
Feb 21 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 strnatcmp()函数的用法总结
2013/11/27 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
关于js类的定义
2011/06/28 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
Vue项目环境搭建详细总结
2019/09/26 Javascript
解决vue自定义指令导致的内存泄漏问题
2020/08/04 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
Python模块学习 datetime介绍
2012/08/27 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
Python3 中把txt数据文件读入到矩阵中的方法
2018/04/27 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
详解Python中的分组函数groupby和itertools)
2018/07/11 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
Python如何用filter函数筛选数据
2020/03/05 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
高职助产应届生自荐信
2013/09/24 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
2014年五四青年节演讲比赛方案
2014/04/22 职场文书
我的中国梦口号
2014/06/16 职场文书
开展创先争优活动总结
2014/08/28 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
读后感怎么写?书写读后感的基本技巧!
2019/12/10 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python