`
wangrl
  • 浏览: 152400 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

YUI Compressor快速使用指南—web前端开发七武器

阅读更多
转自http://www.36ria.com/3948
武器档案

    名称: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的时候奉上。
5.明河结语

强烈建议使用YUI Compressor压缩css文件,从压缩率来讲js的压缩Google Closure Compiler,更胜一筹,但Google Closure Compiler对你的代码要求很严格的哦,当然这也是好事。关于Google Closure Compiler,以后明河会给大家介绍。
分享到:
评论

相关推荐

    yuicompressor-2.4.8.jar

    《yuicompressor-2.4.8.jar:前端优化与代码压缩的艺术》 在Web开发领域,优化前端性能是一项至关重要的任务,而yuicompressor-2.4.8.jar正是这样一款...掌握yuicompressor的使用,无疑是提升前端开发能力的重要一环。

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...

    yuicompressor安装文件

    YUICompressor是一款由Yahoo开发的高效JavaScript和CSS压缩工具。它通过删除空格、换行符以及不必要的字符,有效地减小了JavaScript和CSS文件的大小,从而提高了网页的加载速度,优化了用户体验。在网页性能优化领域...

    YUI compressor源码jar包

    1. **可执行文件**:`yuicompressor-2.4.2.jar`是YUI Compressor的一个版本,包含了所有必要的类和资源,可以直接通过命令行进行JavaScript和CSS文件的压缩。只需将这个jar文件添加到系统路径,就可以在终端中运行`...

    yuicompressor-maven-plugin

    总之,`yuicompressor-maven-plugin`为Maven项目提供了一个便捷的方式来进行前端资源的优化,提升了Web应用的加载速度和用户体验。通过合理的配置和使用,开发者可以有效地管理项目中的JavaScript和CSS文件,同时...

    yuicompressor.zip

    总结,yuicompressor作为一款经典的前端资源压缩工具,因其高效、稳定和易用性,至今仍被广泛应用于各类Web项目。随着技术的发展,开发者在选择压缩工具时,也需要根据项目的具体需求和最新技术趋势进行考虑。

    基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip

    基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip 基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip 基于java的开发源码-JSCSS压缩工具 YUI Compressor.zip 基于java的开发源码-JSCSS压缩工具 YUI ...

    使用yuicompressor压缩及合并js,css静态资源

    在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript和CSS文件进行压缩和合并。...通过结合使用YUI Compressor和其他自动化工具,可以实现高效的前端开发流程,确保网站性能的最佳状态。

    YUI Compressor压缩JS和Css工具(包含详细配置)

    作为一个Web前端开发工程师,了解并使用YUI Compressor是提升项目效率和用户体验的关键。 ### 一、YUI Compressor的主要功能 1. **代码压缩**:YUI Compressor会删除代码中的空格、换行和不必要的注释,同时也会将...

    YUI compressor

    **正文** YUI Compressor是一款由雅虎(Yahoo!)开发的开源JavaScript和CSS压缩工具。这个工具的主要目的是为了...然而,随着技术的进步,开发者们需要根据具体需求选择合适的压缩工具,以适应不断变化的Web开发环境。

    YUI Compressor(JS压缩工具)

    **YUI Compressor** 是一个由Yahoo开发的开源JavaScript和CSS压缩工具,旨在减少Web页面加载时间,提高网站性能。它的主要功能是去除代码中的空白、注释,并进行变量名混淆,从而减小文件大小,加快网页加载速度。在...

    YUI Compressor js css压缩工具

    在提供的文件中,`compressor.bat`是一个批处理脚本,用于调用`yuicompressor.jar`执行压缩任务。使用步骤如下: 1. **环境准备**:确保安装了Java运行环境(JRE)。 2. **运行脚本**:双击`compressor.bat`,或者...

    ant和yuicompressor 压缩css、js方案

    标题 "ant和yuicompressor 压缩css、js方案" 涉及到的是在软件开发中如何使用构建工具Ant以及JavaScript压缩工具YUI Compressor来优化前端资源,特别是CSS和JavaScript文件。这两个工具在Web开发中起着至关重要的...

    yuicompressor

    **yuicompressor** 是一个非常著名的前端资源优化工具,主要用于CSS和JavaScript文件的压缩。它由雅虎(Yahoo!)开发并开源,旨在提高网页加载速度,减少HTTP请求的大小,从而提升整体网站性能。这款工具能够删除...

    YUI compressor右键压缩脚本

    这个“YUI compressor右键压缩脚本”提供了一种便捷的方式,使得用户无需通过命令行或图形用户界面(GUI)就能快速对JS(JavaScript)和CSS文件进行压缩,大大简化了工作流程。 首先,我们来深入了解YUI Compressor...

    webstorm_phpstorm_yuicompressor-2.4.8.jar

    1. **下载与安装**:首先,你需要下载"phpstorm-yuicompressor-2.4.8"压缩包,解压后找到"yuicompressor-2.4.8.jar"文件。这是集成的关键组件。 2. **配置File Watcher**:在IDE中,选择`File` > `Settings`...

    Web前端开发的现状和未来

    资源名称:Web前端开发的现状和未来内容简介:主题大纲前端的发展和现状行业内前端的位置前端的实际工作面临的问题未来的机遇建议的修炼之路行业内前端的位置前端很Cool?标签语义化、css布局、浏览器兼容、css ...

    yuicompressor-2.4.8.zip js、css注释清理及压缩工具

    `yuicompressor-2.4.8.zip` 是一个前端开发中常用的工具,主要功能是对JavaScript和CSS文件进行注释清理和代码压缩,从而优化网页加载速度,提高用户体验。这个压缩工具出自YUI(Yahoo! User Interface Library)...

Global site tag (gtag.js) - Google Analytics