js压缩工具 yuicompressor 使用教程


Posted in Javascript onMarch 31, 2010

三水点靠木提供的js,css压缩工具 yuicompressor 2.46打包
简介
官方网址:http://developer.yahoo.com/yui/compressor/
JS与css 压缩工具 yuicompressor
当前最新版本:2.4.2
运行需要先安装JDK,官方下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk-7u1-download-513651.html 根据自己的系统选择合适的版本,一般情况下586那个即可。
yuicompressor使用纯Java编写,运行需要JDK1.4或更高版本,基于Rhino 对JavaScript源文件进行分析和切词。可以是去掉JavaScript文件和Css文件中冗余的空白字符(空格,换行符,制表符),对于JavaScript文件还可以对其进行混淆,更改局部变量的名称,将它们改成长度为1,2或3的字符,总之是尽量短。对于 CSS,还有采用优化0值属性值的表示,优化颜色值的方法压缩文件。

使用教程
下面是介绍yuicompressor用命令行方式来调用。
命令行用法
语法: java -jar yuicompressor-x.y.z.jar [options] [input file]
通用参数:
-h, --help 显示帮助信息
--type <js|css> 指定输入文件的文件类型
--charset <charset> 指定读取输入文件使用的编码
--line-break <column> 在指定的列后插入一个 line-bread 符号
-v, --verbose 显示info和warn级别的信息
-o <file> 指定输出文件。默认输出是控制台。

JavaScript专用参数:
--nomunge 只压缩, 不对局部变量进行混淆。
--preserve-semi 保留所有的分号。
--disable-optimizations 禁止优化。

使用示例:java -jar yuicompressor-2.4.2.jar -o d:/temp/hello_min.js hello.js
下面这篇文章是另外的一个网友写的,可以参考下。
今天为网站写了很多JS代码,看着越来越多的代码,不禁有点发慌,这样网站的速度会很慢的,忽然记起以前小马说过有个JS压缩工具,于是问了一下阿飞师傅,热情的阿飞师将工具传给我,并教我如何使用,一试之下,果然非常不错。

这是雅虎的yuicompressor,非常方便,使用方法如下:

安装步骤:

1. 将jsMinifier.rar解压缩到X:\jsMinifier,将X:\jsMinifier加入到系统PATH环境变量中(如果不加入PATH中,而可以手工修改注册表文件,指全路径。

2. 重命名 X:\jsMinifier\jsMinifier.tpl.reg 为 jsMinifier.reg, cssMinifier.tpl.reg 为 cssMinifier.reg。可自行修改配置(参见1)。

3. 运行regedt32打开注册表编辑器,然后导入 jsMinifier.reg 和 cssMinifier.reg 到注册表。

测试安装:

1. 在X:\jsMinifier\test.source.js上右键,执行菜单“压缩JavaScript”,系统自动生成X:\jsMinifier \test.js文件。如果你再对test.js文件执行一次压缩,系统会生成test-min.js文件,内容不变,这个是对非source.js文件压缩默认文件名。

2. CSS压缩测试同1类似。

注:该工具还可以对CSS文件进行压缩
如果是从https://3water.com/jiaoben/25557.html下载的文件,直接下载解压后,运行install.bat即可,在需要压缩的css或js文件上面右键选择
js压缩工具 yuicompressor 使用教程
就会在同目录生成一个文件名后面带-min的文件。

如果需要批量压缩文件,大家可以参考下面的脚本
windows下的批量处理脚本分享(复制到记事本,保存为bat,修改相应路径后可应用):

@echo off 
::设置YUI Compressor启动目录 
SET YUIFOLDER=C: 
::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS 
SET JSFOLDER=D:\WebJsAndCss 
echo 正在查找 JavaScript, CSS ... 
chdir /d %JSFOLDER% 
for /r . %%a in (*.js *.css) do ( 
@echo 正在压缩 %%~a ... 
@java -jar %YUIFOLDER%\yuicompressor-2.4.6.jar --charset UTF-8 %%~fa -o %%~fa 
) 
echo 完成! 
pause & exi
Javascript 相关文章推荐
javascript中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
window.open不被拦截的实现代码
Aug 22 Javascript
jquery根据锚点offset值实现动画切换
Sep 11 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
JS动画定时器知识总结
Mar 23 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 Javascript
vue使用recorder.js实现录音功能
Nov 22 Javascript
jQuery 遍历json数组的实现代码
Sep 22 #Javascript
Javascript load Page,load css,load js实现代码
Mar 31 #Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 #Javascript
jquery+json实现的搜索加分页效果
Mar 31 #Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 #Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 #Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 #Javascript
You might like
一个SQL管理员的web接口
2006/10/09 PHP
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
2013/09/22 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
学习jQuey中的return false
2015/12/18 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
vue.js中created方法作用
2018/03/30 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
jquery实现聊天机器人
2020/02/08 jQuery
python的正则表达式re模块的常用方法
2013/03/09 Python
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
Django跨域请求原理及实现代码
2020/11/14 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
应聘医药代表职位求职信
2013/10/21 职场文书
少儿节目主持串词
2014/04/02 职场文书
文科毕业生自荐书范文
2014/04/17 职场文书
花坛标语大全
2014/06/30 职场文书
法定代表人证明书
2014/11/28 职场文书
六年级小学生评语
2014/12/26 职场文书
2014年终个人总结报告
2015/03/09 职场文书
护理工作心得体会
2016/01/22 职场文书
诺贝尔奖获得者名言100句:句句启人心智,值永久收藏
2019/08/09 职场文书
浅谈MySQL中的六种日志
2022/03/23 MySQL