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 相关文章推荐
一段效率很高的for循环语句使用方法
Aug 13 Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
如何在指定的地方插入html内容和文本内容
Dec 23 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
Dec 20 Javascript
jquery设置css样式的多种方法(总结)
Feb 21 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
Apr 25 Javascript
浅谈React Event实现原理
Sep 20 Javascript
Vuex的API文档说明详解
Feb 05 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 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 - Html Transfer Code
2006/10/09 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
php采集时被封ip的解决方法
2010/08/29 PHP
php shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
解决Laravel 不能创建 migration 的问题
2019/10/09 PHP
JavaScript中通过prototype属性共享属性和方法的技巧实例
2015/03/13 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
2018/01/07 Javascript
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
对angular 实时更新模板视图的方法$apply详解
2018/10/09 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
2019/03/26 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
Python 变量类型详解
2018/10/10 Python
Django的models模型的具体使用
2019/07/15 Python
详解Python3定时器任务代码
2019/09/23 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
我的老师教学反思
2014/05/01 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
暑期学习心得体会
2014/09/02 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
民事答辩状范本
2015/05/21 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS