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 相关文章推荐
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
JS(JQuery)操作Array的相关方法介绍
Feb 11 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
详解babel升级到7.X采坑总结
May 12 Javascript
vue+element tabs选项卡分页效果
Jun 29 Javascript
js仿360开机效果
Dec 26 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判断用户是否手机访问代码
2015/06/08 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
Javascript事件实例详解
2013/11/06 Javascript
分享20个提升网站界面体验的jQuery插件
2014/12/15 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
js微信分享实现代码
2020/10/11 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
详解python做UI界面的方法
2019/02/27 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
pytest中文文档之编写断言
2019/09/12 Python
python简单利用字典破解zip文件口令
2020/09/07 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
台湾家适得:Homeget
2019/02/11 全球购物
会展中心部门工作职责
2013/11/27 职场文书
大一新生期末自我评价
2014/09/12 职场文书
乡镇干部个人对照检查材料思想汇报
2014/10/04 职场文书
教师读书笔记
2015/06/29 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
《爬天都峰》教学反思
2016/02/23 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript