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 相关文章推荐
jQuery each()小议
Mar 18 Javascript
基于JQuery的Pager分页器实现代码
Jul 17 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
jQuery上传插件webupload使用方法
Aug 01 jQuery
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
vue项目开发中setTimeout等定时器的管理问题
Sep 13 Javascript
js数组去重的方法总结
Jan 18 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
Aug 08 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 Javascript
js实现头像上传并且可预览提交
Dec 25 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
php中设置index.php文件为只读的方法
2013/02/06 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
jquery禁用右键示例
2014/04/28 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
Angularjs 基础入门
2014/12/26 Javascript
Node.js的npm包管理器基础使用教程
2016/05/26 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
Python2.7下安装Scrapy框架步骤教程
2017/12/22 Python
python回调函数中使用多线程的方法
2017/12/25 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
python文件编写好后如何实践
2020/07/07 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
extern是什么意思
2016/03/10 面试题
党员公开承诺事项
2014/03/25 职场文书
公务员试用期满考核材料
2014/05/22 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
元旦主持词开场白
2015/05/29 职场文书
同学聚会致辞集锦
2015/07/28 职场文书
dubbo服务整合zipkin详解
2021/07/26 Java/Android