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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
用JQUERY增删元素的代码
Feb 14 Javascript
JS延迟加载加快页面打开速度示例代码
Dec 30 Javascript
jQuery聚合函数实例
May 21 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
vue实现匀速轮播效果
Jun 29 Javascript
vue2实现provide inject传递响应式
May 21 Vue.js
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
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
php以post形式发送xml的方法
2014/11/04 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
2015/03/31 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
2018/06/28 Javascript
深入理解javascript中的this
2021/02/08 Javascript
python切换hosts文件代码示例
2013/12/31 Python
python模拟enum枚举类型的方法小结
2015/04/30 Python
Python openpyxl 遍历所有sheet 查找特定字符串的方法
2018/12/10 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
机电专业大学生求职信
2013/10/04 职场文书
旅游管理专业个人求职信范文
2013/12/24 职场文书
师范院校学生自荐信范文
2013/12/27 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
金秋助学感谢信
2015/01/21 职场文书
罗马假日观后感
2015/06/08 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers