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

大家好，我是绿色消费网的编辑小林。我会为你解答以上问题。最近看到网友在搜索YUI Compressor使用配置方法JS/CSS压缩工具，的信息，于是小林编了一个关于YUI Compressor使用配置方法JS/CSS压缩工具的教程给大家学习。

YUI压缩器是一个压缩JS和CSS文件的工具，是用Java开发的。

YUI压缩机下载地址：http://www。/softs/25860.html

用法：

//压缩JS

Java-jar yuicompressor-2 . 4 . 2 . jar-type js-charset utf-8-v src . js packed . js

//压缩CSS

Java-jar yuicompressor-2 . 4 . 2 . jar-type CSS-charset utf-8-v src . CSS packed . CSS

YUI压缩机v2.4.2

安装指南

=========

JDK环境变量配置步骤如下：

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

2.配置用户变量：

A.创建新的JAVA_HOME

c :/程序文件/Java/j2sdk 1 . 5 . 0(JDK安装路径)

B.创建新路径

；% JAVA _ HOME %/bin；%JAVA_HOME%/jre/bin

C.创建新的类路径

% JAVA _ HOME %/lib；%JAVA_HOME%/lib/tools.jar

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

开始运行->cmd

键盘打字：JAVAC

出现相应的命令而不是错误消息，这意味着配置成功！

下载JDK: http://www。/softs/60807.html优先

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

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

新系统变量

安装步骤：

1.请单击install.cmd进行安装

2.请单击uninstall.cmd卸载

3.如果安装了以前的版本，请先卸载旧版本

压缩测试：

选择test.js，执行右键菜单“用YUICompressor处理”生成test-min.js .

注意事项：

1.您需要安装JDK=1.4并设置环境变量JAVA_HOME

2.css和js文件编码必须是GB2312、GBK或GB18030。如果支持UTF-8，请在压缩机中用UTF-8替换GB18030

3.当css文件包含中文时，如果CSS代码与页面代码不一致，需要手动用/xxxx替换中文。详情请参考compressor.cmd中的说明

4.如果不需要native2ascii，则只能安装JRE(需要手动修改compressor.cmd)

Ref:

1.介绍YUI压缩机： http://www.julienlecomte.net/blog/2007/08/11/

2.http://yuilibrary.com/projects/yuicompressor/wiki尤里布拉瑞：

3.文件： http://developer.yahoo.com/yui/compressor/

4.native 2 ascii . exe : http://Java . sun.com/J2SE/1 . 4 . 2/docs/tool docs/windows/native 2 ascii . html

以下是配置补充：

用YUI压缩器压缩JS和Css

常见示例(在cmd中执行)

Java-jar d :/yuicompressor-2 . 4 . 6/build/yuicompressor-2 . 4 . 6 . jar-type js-charset UTF-8d :/my . js-o d :/my-min . js

Java-jar d :/yuicompressor-2 . 4 . 6/build/yuicompressor-2 . 4 . 6 . jar-type CSS-charset UTF-8d :/my . CSS-o d :/my-min . CSS

type指定要打包的文件类型，包括js和css

-字符集指定字符集

-o指定输出的文件名。如果未指定此参数，压缩内容将输出到命令行

最后一个my.js和my.css是要打包的调试源文件

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

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

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

制作批处理工具

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

文件目录：D:/server/f2etools/yuicompressor

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

yuicompressor.bat批处理文件代码：

复制代码 代码如下:

cd"%1"for /f %%a in ('dir /b *-min.js') do call:ProcessDel: %%a for /f %%a in ('dir /b *-min.css') do call:ProcessDel: %%a for /f %%a in ('dir /b *.js') do call:ProcessCompress: %%a for /f %%a in ('dir /b *.css') do call:ProcessCompress: %%a :ProcessDel IF NOT [%1]==[] call:DeleteMinFiles: %1 GOTO:EOF :ProcessCompress IF NOT [%1]==[] call:CompressFiles: %1 GOTO:EOF :DeleteMinFiles IF EXIST"%CD%/%1"del"%CD%/%1"GOTO:EOF :CompressFiles java -jar D:/server/f2etools/yuicompressor/yuicompressor-2.4.6.jar %1 -o %~n1-min%~x1 GOTO:EOF

yuicompressor.reg注册表功能：选中文件夹后，右键，会多一个选项【YUI-Compressor JS/CSS】yuicompressor.reg注册表文件代码：

复制代码 代码如下:

Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT/Directory/shell/Compress JS/CSS Files] @="YUI-Compressor JS/CSS"[HKEY_CLASSES_ROOT/Directory/shell/Compress JS/CSS Files/command] @="D://server//f2etools//yuicompressor//yuicompressor.bat %1"

注意事项：请修改两个文件中的目录路径批处理文件：yuicompressor.bat和注册表文件：yuicompressor.reg

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

打包压缩pack-all-min.js文件如下：批处理文件：pack-js.bat需要打包的目录文件：pack-list.txt

pack-js.bat 代码：

复制代码 代码如下:

for /f %%i in (packList.txt) do type %%i >> pack-all.js java -jar D:/server/f2etools/yuicompressor/yuicompressor-2.4.6.jar --type js --charset utf-8 pack-all.js -o pack-all-min.js

pack-list.txt

jquery.ui.datepicker.jsjquery.ui.dialog.jsjquery.ui.draggable.jsjquery.ui.mouse.js

使用方法：在当前js文件夹里放入这两个文件，平时开发用多个源文件，运行pack-js.bat后查看页面效果，上线前打包成一个压缩文件，测试无误后再上线。