当前位置: 首页 > 工具软件 > YUI Editor > 使用案例 >

使用 YUI Compressor 批量压缩JS/CSS

朱欣荣
2023-12-01

官方网址:http://developer.yahoo.com/yui/compressor/ 

安装包下载地址:https://github.com/yui/yuicompressor/downloads

YUI Compressor 通过命令行方式来调用。

语法:java -jar yuicompressor-x.y.z.jar [options] [input file] 

通用参数:

-h, --help 显示帮助信息

--type <js|css> 指定输入文件的文件类型

--charset <charset> 指定读取输入文件使用的编码

--line-break <column> 在指定的列后插入一个 line-bread 符号

-v, --verbose 显示info和warn级别的信息

-o <file> 指定输出文件。默认输出是控制台。

JavaScript专用参数:

--nomunge 只压缩, 不对局部变量进行混淆。

--preserve-semi 保留所有的分号。

--disable-optimizations 禁止优化。

安装配置: 

1、配置Java运行环境(win7下Java运行环境配置)。

2、将 yuicompressor-2.4.7.zip 解压缩到 D:\yuicompressor 

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

制作windows下批量压缩批处理脚本

批处理文件:D:\yuicompressor\yuicompressor.bat,批量压缩JS/CSS并替换源文件。

压缩jar包:D:\yuicompressor\bin\build\yuicompressor-2.4.7.jar,文件压缩功能包。

新建一个批处理文件,例如 yuicompressor.bat,文件内容如下:

@echo Off

::设置YUI Compressor启动目录

SET YUIFOLDER=D:\yuicompressor\bin\build

::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS

SET FOLDER=D:\yuicompressor\resources 

echo 正在查找 JavaScript, CSS ...

chdir /d %FOLDER%

for /r . %%a in (*.js *.css) do (

@echo 正在压缩 %%~a ...

@java -jar %YUIFOLDER%\yuicompressor-2.4.7.jar --charset UTF-8 %%~fa -o %%~fa

)

echo 完成。。。

pause & exit

使用方法:

先将 JavaScript 和 CSS 拷贝到 D:\yuicompressor\resources 目下,然后双击运行 yuicompressor.bat 批处理脚本文件。

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

制作windows下批处理工具

批处理文件:D:\yuicompressor\yuicompressor-min.bat,批量压缩生成-min.css或-min.js,源文件不变。

注册表文件:D:\yuicompressor\yuicompressor-min.reg,将批处理工具添加到右键菜单中,直接右键文件夹即可执行批处理程序。

压缩jar包:D:\yuicompressor\bin\build\yuicompressor-2.4.7.jar,文件压缩功能包。

新建一个批处理文件,例如 yuicompressor-min.bat,文件内容如下:

@echo off
cd %1
@echo 正在清理 *-min.js ...
for %%a in (*-min.js) do call:ProcessDel: %%a
@echo 清理完毕...
@echo 正在清理 *-min.css ...
for %%a in (*-min.css) do call:ProcessDel: %%a
@echo 清理完毕...
@echo 正在压缩 *-min.js ...
for %%a in (*.js) do call:ProcessCompress: %%a
@echo JS 压缩完毕...
@echo 正在压缩 *-min.css ...
for %%a in (*.css) do call:ProcessCompress: %%a
@echo CSS 压缩完毕...
pause & exit

: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
echo %CD%\%1 删除成功
GOTO:EOF

:CompressFiles
java -jar D:\yuicompressor\bin\build\yuicompressor-2.4.7.jar %1 -o %~n1-min%~x1
@echo %CD%\%1 压缩成功
:GOTO:EOF

新建一个注册表文件,例如 yuicompressor-min.reg,文件内容如下:

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\shell\YUICompressor]
@="YUICompressor JS/CSS"

[HKEY_CLASSES_ROOT\Directory\shell\YUICompressor\command]
@="D:\yuicompressor\yuicompressor-min.bat %1"

注意事项:请 自行 修改 yuicompressor -min .bat、yuicompressor -min .reg 文件中的目录路径。

使用方法:

运行 yuicompressor-min.reg 文件(仅首次)。在需要压缩的 JS/CSS 文件夹上右键——>“YUICompressor JS/CSS”即可。

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

制作windows下打包压缩批处理脚本

批处理文件:pack-js.bat,将多个js文件压缩为一个JS文件。

JS文件清单:pack-js-list.txt,需要打包压缩的JS文件清单(列举文件名即可)。

压缩jar包:D:\yuicompressor\bin\build\yuicompressor-2.4.7.jar,文件压缩功能包。

新建一个批处理文件,例如 pack-js.bat,文件内容如下:

@echo off
::设置打包文件名
SET PACKNAME=pack-all.js
::设置打包压缩文件名
SET PACKMINNAME=pack-all-min.js
::设置打包文件清单文件名
SET PACKLIST=pack-js-list.txt
::设置YUI Compressor启动目录
SET YUIFOLDER=D:\yuicompressor\bin\build
SET utf8=65001
SET ansi=936
:: 删除 %PACKNAME%
IF EXIST %CD%\%PACKNAME% del %CD%\%PACKNAME%
:: 删除 %PACKMINNAME%
IF EXIST %CD%\%PACKMINNAME% del %CD%\%PACKMINNAME%
chcp %utf8%
for /f %%i in (%PACKLIST%) do type %%i >> %PACKNAME%
chcp %ansi%
@echo %PACKNAME% 打包完毕 ...
@echo 正在压缩 ...
@java -jar %YUIFOLDER%\yuicompressor-2.4.7.jar --type js --charset utf-8 %PACKNAME% -o %PACKMINNAME%
@echo %PACKMINNAME% 压缩完毕 ...
pause & exit

新建一个文本文件,例如 pack-js-list.txt,文件内容如下:

base.js

common.js

popwin.js

注意事项:请自行修改 pack-js.bat、pack-js-list.txt 文件中的目录路径。

使用方法:

在需要压缩JS的文件夹中放入这两个文件,运行 pack-js.bat 即可完成打包压缩。

CSS打包压缩与此相同,稍作修改即可,不再赘述。

转载于:https://my.oschina.net/yonsen/blog/297522

 类似资料: