yuicompressor_YUI Compress

编辑： admin 2017-16-01

逆火下载站软件教程是编辑精选的关于yuicompressor的教程，包括YUI Compressor CSS/JS 压缩神器配置教程的相关软件教程，通过对本教程的学习能够对您关于yuicompressor方面的相关知识能够有所帮助。

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

YUI Compressor下载地址：

使用方法：

//压缩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 Compressor v2.4.2

安装指南

=========

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

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

2.配置用户变量:

　　　　　　　　a.新建 JAVA_HOME

　　　　　　　　　　 C:\Program Files\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, 执行右键菜单“Process with &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. Introducing the YUI Compressor:

2. YUILibrary:

3. Documentation:

4. native2ascii.exe:

以下是配置补充：

使用YUI Compressor压缩JS和Css

常用示例（在cmd中执行）

java -jar D:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar --type js --charset UTF-8 D:\my.js -o D:\my-min.js

java -jar D:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar --type css --charset UTF-8 D:\my.css -o D:\my-min.css

–type指定要打包的文件类型，可选的有 js和css

–charset 指定字符集

-o 指定输出的文件名，如果不指定这个参数将会把压缩后的内容输出到命令行上

最后的my.js和my.css是要打包的debug版源文件

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

使用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.js

jquery.ui.dialog.js

jquery.ui.draggable.js

jquery.ui.mouse.js

使用方法：

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

与“yuicompressor”的相关教程

YUI Compressor CSS/JS 压缩神器配置教程

YUI Compressor 是 java 程序，如果你对 java 很熟悉的话，大可快速的上手使用 yuicompressor.jar；如果对 java 很陌生，没关系，一样可以使用 YUI Compressor，只不过使用的是淘宝 UED 前端制作的批处理工具，算是可视化的 YUI Compressorn 工具，使用极其傻瓜化。今天向大家介绍的就是这款工具。

本款软件采用 JAVA 开发，因此使用前需要配置 JDK 环境，配置完成 YUI Compressor 后软件会集成到电脑右键菜单，当我们选择：Process with YUICompresso 后，会对选中的 CSS 或 Javacsript 文件进行压缩，在同目录生成 -min.* 文件。

选择 Process with YUICompresso 就会执行压缩处理

YUI Compressor CSS/JS 压缩神器配置教程