电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文
YUICompress:高效压缩CSS和JS代码
YUICompress:高效压缩CSS和JS代码
2010-2-23 12:46:29  文/网络收集   出处:电脑软硬件应用网   

如果你还在使用 CSSTidy、JSbeautifier 之类的在线代码压缩工具,那么告诉你,你已经过时了。

前端代码的压缩,主要在于对 JS 和 CSS 代码的压缩,抛开图片压缩的问题不谈,JS 和 CSS 代码的压缩已经有先人做了很多工作。

YUICompressor 正是出自 Yahoo 工程师之手,高效,便捷,压缩率高。使用纯 Java 编写,运行需要 JRE 的支持,基于 Rhino 对 JavaScript 源文件进行分析和切词。优化 CSS 属性和颜色值,有效去除 JavaScript 和 CSS 文件中冗余的空白字符,整理 JS 局部变量名称,缩减代码体积。

官方主页:http://yuilibrary.com/downloads/#yuicompressor
文档:http://developer.yahoo.com/yui/compressor

由于本身是基于 Java 包的压缩打包工具,因此使用上入门可能有点难度。命令行格式如下:

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js –charset utf-8

当然,你可能会觉得不爽。没关系,芒果为你准备的傻瓜化的批处理封装包。双击 "install.cmd" 关联右键菜单后,在需要压缩的 CSS 或者 JS 文件上右键选择 "Process With YUICompressor" 即可一键输出压缩文件,无需手工输入命令。

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    CSS伪类选择器nth-child()
    css3教程:background属性调整增强
    css教程:CSS3 Media Queries 详解
    CSS 类名的长命名和短命名
    CSS实例教程:非浮动区域设置宽度
    如何使用css约束一个层不可见?
    CSS的list-style解释
    小议使用“完整”的CSS的缺点
    CSS中的相对定位与绝对定位详解
    实例使用DIV+CSS制作圆角边框加阴影…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号