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 EasyUI 对话框的使用方法
Oct 24 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
分析javascript中9 个常见错误阻碍你进步
Sep 18 Javascript
AngularJS实现表单验证功能详解
Oct 12 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
May 15 Javascript
新手如何快速理解js异步编程
Jun 24 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 Javascript
es6函数之尾调用优化实例分析
Apr 25 Javascript
Vue中使用import进行路由懒加载的原理分析
Apr 01 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设计模式 Observer(观察者模式)
2011/06/26 PHP
Linux编译升级php的详细方法
2013/11/04 PHP
php实现socket推送技术的示例
2017/12/20 PHP
php输出形式实例整理
2020/05/05 PHP
extjs grid取到数据而不显示的解决
2008/12/29 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
jQuery之选项卡的简单实现
2014/02/28 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
Bootstrap Chart组件使用教程
2016/04/28 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
jQuery事件委托代码实践详解
2019/06/21 jQuery
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
Vue基础配置讲解
2019/11/29 Javascript
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
python实现简易动态时钟
2018/11/19 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
python一些性能分析的技巧
2020/08/30 Python
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
环境工程求职简历的自我评价范文
2013/10/24 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
小学生暑假生活总结
2015/07/13 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android