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拖动图片删除示例
May 10 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
Nov 18 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 Javascript
Vue的过滤器你真了解吗
Feb 24 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
php强制下载类型的实现代码
2011/04/21 PHP
php通过baihui网API实现读取word文档并展示
2015/06/22 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
二级域名或跨域共享Cookies的实现方法
2008/08/07 Javascript
JavaScript入门教程 Cookies
2009/01/31 Javascript
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
2012/12/28 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
Javascript点击按钮随机改变数字与其颜色
2016/09/01 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
Easyui使用Dialog行内按钮布局的实例
2017/07/27 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
关于redux-saga中take使用方法详解
2018/02/27 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
公立医院改革实施方案
2014/03/14 职场文书
同学聚会策划方案
2014/06/06 职场文书
公司大门门卫岗位职责
2014/06/11 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android