YUI Compressor快速使用指南—web前端开发七武器
来源:互联网 发布:网络连接被禁用 编辑:程序博客网 时间:2024/05/23 19:17
YUI Compressor快速使用指南—web前端开发七武器
2012-12-20 15:05:17| 分类:持续集成 |字号 订阅
武器档案
- 名称:YUI Compressor
- 最新版本:2.4.2
- 用途:js/css压缩
- 必备指数:
- 使用难度:(YUI Compressor非常易用,只是配置的时候会遇到些麻烦)
YUI Compressor是java程序,如果你对java很熟悉的话,大可快速的上手使用yuicompressor.jar;如果你和明河一样,对 java很陌生,没关系,一样可以使用YUI Compressor,只不过使用的是淘宝UED前端制作的批处理工具,算是可视化的YUI Compressor工具,使用极其傻瓜化。今天向大家介绍的就是这款工具。
点此下载
1.配置java运行环境
在安装YUI Compressor前,先要确保你的机子安装了JDK,并且添加了必要的环境变量。
1.安装JDK
2.配置下环境变量
这里以win7为例,请看下图:
(右击“我的电脑”,进入“属性”界面)
(新建个JAVA_HOME变量,指向你安装的JDK的根目录,比如明河把JDK安装在C:\Program Files\Java\jdk1.6.0_10,那么JAVA_HOME就指向该路径)
再新建个PATH变量(如果已经存在PATH编辑,点击“编辑”即可),值为%JAVA_HOME%\bin;(留意分号,如果已经存在PATH路径记得在值前加;号分隔符)。
明河机子上的配置是.;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
再新建个CLASS_PATH变量,值为.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
3.测试下配置是否成功
在cmd界面,输入javac
出现下面的信息,说明配置成功了。
如果出现“’javac’ 不是内部或外部命令,也不是可运行的程序或批处理文件”,说明配置有误。
2.安装YUI Compressor
运行压缩包的install.cmd,如果出现“rundll32 不是内部或外部命令,也不是可运行的程序或批处理文件”,说明java环境配置有误,请返回第一步。
安装完成后,会在你的系统右键菜单增加一个压缩文章(只有在右击文件的时候才会出现哦)。接下来以压缩包中的test.js为例。
3.YUI Compressor简易操作
右击test.js
点击“process with YUI Compressor”,稍等片刻,就会生成一个test-min.js文件,可以比较下二者的大小:
从28K到14K,效果是立竿见影!压缩率达到50%!
除了可以从XX.js生成XX-min.js,也可以从XX.source.js生成XX.js。
4.YUI Compressor结合ant
请看《ant结合yui-compressor和closure-compiler—ant入门指南(7)》,结合ant,你可以批量压缩js/css文件。
5.明河结语
强烈建议使用YUI Compressor压缩css文件,从压缩率来讲js的压缩Google Closure Compiler,更胜一筹,但Google Closure Compiler对你的代码要求很严格的哦,当然这也是好事。关于Google Closure Compiler,以后明河会给大家介绍。
扩展阅读:
- YUI Compressor 组件压缩 JavaScript 的一些原理
- 《Extreme JavaScript Compression With YUI Compressor》
- 《How does the YUI Compressor work?》
- YUI Compressor快速使用指南—web前端开发七武器
- YUI Compressor快速使用指南
- web前端开发七武器
- web前端开发七武器
- web前端开发七武器—Jasmine入门教程(上)
- WEB前端优化必备压缩工具YUI-compressor详解
- ant入门指南—web前端开发七武器(1)
- web前端开发七武器—ant入门指南(1)
- 前端压缩工具 YUI Compressor 对比 Minify
- web前端开发7武器
- YUI Compressor
- YUI Compressor
- [Front-end]前端开发的七种武器
- YUI compressor使用说明
- YUI Compressor源代码分析
- javascript 压缩工具-YUI-compressor
- YUI compressor的使用
- javascript压缩工具-YUI-compressor
- Spring技术(2)bean注入
- 武汉这样的非主流城市
- OpenStack资源整理(转自陈沙克)
- lighttpd流量监控(mod_rrdtool)
- 大话设计模式7:为别人做嫁衣——代理模式
- YUI Compressor快速使用指南—web前端开发七武器
- ie6 utf-8
- @GeneratedValue
- jdk环境变量配置
- Android 应用程序电源管理
- 逻辑是对的不一定推出正确的结果
- 4、王爽《汇编语言》笔记_第八九章
- Unix网络API函数(1)
- Preparing multiple tomcat instances