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操作Table的代码分享
Mar 30 Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
JavaScript如何获取数组最大值和最小值
Nov 18 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
Linux CentOS系统下安装node.js与express的方法
Apr 01 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
JS事件循环机制event loop宏任务微任务原理解析
Aug 04 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
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
php基础设计模式大全(注册树模式、工厂模式、单列模式)
2015/08/31 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
PHP+redis实现的购物车单例类示例
2019/02/02 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
详解React 条件渲染
2020/07/08 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
python实现的重启关机程序实例
2014/08/21 Python
python绘制中国大陆人口热力图
2018/11/07 Python
python实现求特征选择的信息增益
2018/12/18 Python
Python restful框架接口开发实现
2020/04/13 Python
Python pymsql模块的使用
2020/09/07 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
英国第一的滑雪服装和装备零售商:Snow+Rock
2020/02/01 全球购物
泰国Robinson百货官网:购买知名品牌的商品
2020/02/08 全球购物
公安领导班子四风问题个人整改措施思想汇报
2014/10/09 职场文书
2015年世界水日活动总结
2015/02/09 职场文书
红白喜事主持词
2015/07/06 职场文书