YUI Compressor使用配置方法 JS/CSS压缩工具

2022-07-21 6:00:11 网络知识 官方管理员
YUICompressor是一个用来压缩JS和CSS文件的工具,采用Java开发。


使用方法:

//压缩JS
java-jaryuicompressor-2.4.2.jar--typejs--charsetutf-8-vsrc.js>packed.js
//压缩CSS
java-jaryuicompressor-2.4.2.jar--typecss--charsetutf-8-vsrc.css>packed.css

YUICompressorv2.4.2

安装指南
=========

JDK环境变量配置的步骤如下:

1.我的电脑-->属性-->高级-->环境变量.

2.配置用户变量:
        a.新建JAVA_HOME
          C:\ProgramFiles\Java\j2sdk1.5.0(JDK的安装路径)
        b.新建PATH
           ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin        
c.新建CLASSPATH
           %JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3.测试环境变量配置是否成功:

   开始-->运行--〉CMD
   键盘敲入:JAVAC
        出现相应的命令,而不是出错信息,即表示配置成功!




先下载jdk

需要安装JDK>=1.4,并设置环境变量JAVA_HOME

桌面->我的电脑->右键->属性->高级->环境变量



系统变量新建




安装步骤:

1.安装请点击install.cmd
2.卸载请点击uninstall.cmd
3.如果安装过之前的版本,请先卸载老版本


压缩测试:

选中test.js,执行右键菜单Processwith&YUICompressor,会生成test-min.js.

注意事项:

1.需要安装JDK>=1.4,并设置环境变量JAVA_HOME
2.css和js文件编码必须是GB2312,GBK或GB18030.如果要支持UTF-8,请在compressor.cmd中将GB18030替换为UTF-8
3.css文件中含有中文时,如果css编码和页面编码不一致,需要手动将中文替换为\xxxx,详细说明请参考compressor.cmd中的说明
4.如果不需要native2ascii,可以只安装JRE(需要手动修改下compressor.cmd)

Ref:

1.IntroducingtheYUICompressor:http://www.julienlecomte.net/blog/2007/08/11/
2.YUILibrary:http://yuilibrary.com/projects/yuicompressor/wiki
3.Documentation:http://developer.yahoo.com/yui/compressor/
4.native2ascii.exe:http://java.sun.com/j2se/1.4.2/docs/tooldocs/windows/native2ascii.html

以下是配置补充:

使用YUICompressor压缩JS和Css

常用示例(在cmd中执行)

java-jarD:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar--typejs--charsetUTF-8D:\my.js-oD:\my-min.js
java-jarD:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar--typecss--charsetUTF-8D:\my.css-oD:\my-min.css

–type指定要打包的文件类型,可选的有js和css
–charset指定字符集
-o指定输出的文件名,如果不指定这个参数将会把压缩后的内容输出到命令行上
最后的my.js和my.css是要打包的debug版源文件

如果没有给定charset参数,则字符集默认是系统的,此处指定了UTF-8,更加你的实际需要修改。具体语法和其他参数参考:http://www.julienlecomte.net/yuicompressor/

使用YUICompressor和DOS批处理脚本压缩JavaScript和CSS,加上IIS的GZIP,加起来能得到85%左右的压缩率。(其中YUICompressor的压缩率大约为50%)也可以修改参数获得更多的压缩率。

---------------------------------------------华丽分割线---------------------------------------

制作批处理工具

三个文件:
批处理文件:yuicompressor.bat
注册表文件:yuicompressor.reg
压缩jar包:yuicompressor-2.4.6.jar

文件目录:D:\server\f2etools\yuicompressor

yuicompressor.bat批处理使用方法:
对整个文件夹右键点击【YUI-CompressorJS/CSS】批量压缩操作生成-min.css或-min.js,源文件不变,项目平时开发时引用源文件,上线前引用压缩文件测试正常后再上线。

yuicompressor.bat批处理文件代码:


复制代码

发表评论: