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

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

YUI Compressor下载地址:https://www.jb51.net/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 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

出现相应的命令,而不是出错信息,即表示配置成功!

433fb0be50d2590ff56b9505c984905f.gif

先下载jdk:https://www.jb51.net/softs/60807.html需要安装 JDK >= 1.4, 并设置环境变量 JAVA_HOME

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

5bbf55ab2e7144b9434bdc12f93d328d.gif

系统变量 新建

67e0af4bcd9dfb8be26912ca69b31935.gif

安装步骤:

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: 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

以下是配置补充:

使用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,更加你的实际需要修改。具体语法和其他参数参考: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.js

jquery.ui.dialog.js

jquery.ui.draggable.js

jquery.ui.mouse.js

使用方法:

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
雅虎推出的一款javascript压缩工具。有JAVA版本和.NET版本。 yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩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 语法: java -jar yuicompressor-x.y.z.jar [options] [input file] 通用参数: -h, --help 显示帮助信息 --type 指定输入文件的文件类型 --charset 指定读取输入文件使用的编码 --line-break 在指定的列后插入一个 line-bread 符号 -v, --verbose 显示info和warn级别的信息 -o 指定输出文件。默认输出是控制台。 javascript专用参数: --nomunge 只压缩, 不对局部变量进行混淆。 --preserve-semi 保留所有的分号。 --disable-optimizations 禁止优化。 举例: 将yuicompressor-2.4.2.jar 放在c:下,将editor.js放在c:盘下。 将editor.js进行压缩 命令为: C:\java -jar yuicompressor-2.4.2.jar editor.js -o editor2.js 参数说明: yuicompressor-2.4.2.jar 为工具包jar editor.js为要压缩的js -o editor2.js为压缩完成后的文件名 压缩率: 对resources下js文件夹里163个js文件进行压缩 压缩前4.13MB 压缩后2.89MB 混淆率: 较高 一个windows下的批量处理脚本: @echo off ::设置YUI Compressor启动目录 SET YUIFOLDER=C: ::设置你的JSCSS根目录,脚本会自动按树层次查找和压缩所有的JSCSS SET JSFOLDER=D:\1 echo 正在查找 JavaScript, CSS ... chdir /d %JSFOLDER% for /r . %%a in (*.js *.css) do ( @echo 正在压缩 %%~a ... @java -jar %YUIFOLDER%\yuicompressor-2.4.2.jar --charset UTF-8 %%~fa -o %%~fa ) echo 完成!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值