2024年3月7日发(作者:)
YUI Compressor使用配置方法 JSCSS压缩工具
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具,采用Java开发。 YUI Compressor下载地址:/softs/使用方法: //压缩JS
java -jar --type js --charset utf-8 -v
>
//压缩CSS
java -jar --type css --charset utf-8 -v
> YUI Compressor v2.4.2 安装指南
========= JDK环境变量配置的步骤如下: 1.我的电脑-->属性-->高级-->环境变量. 2.配置用户变量:
a.新建 JAVA_HOME
C:Program FilesJavaj2sdk1.5.0
(JDK的安装路径)
b.新建 PATH
;%JAVA_HOME%bin;%JAVA_HOME%jrebin
c.新建 CLASSPATH
%JAVA_HOME%lib;%JAVA_HOME% 3.测试环境变量配置是否成功: 开始-->运行--〉CMD
键盘敲入: JAVAC
出现相应的命令,而不是出错信息,即表示配置成功! 先下载jdk:/softs/需要安装 JDK >= 1.4, 并设置环境变量 JAVA_HOME
桌面 -> 我的电脑 -> 右键 -> 属性 -> 高级 -> 环境变量系统变量 新建安装步骤: 1. 安装请点击
2. 卸载请点击
3. 如果安装过之前的版本,请先卸载老版本 压缩测试: 选中 , 执行右键菜单“Process with
&YUICompressor”,会生成 . 注意事项: 1.
需要安装 JDK >= 1.4, 并设置环境变量 JAVA_HOME
2. css 和 js 文件编码必须是 GB2312, GBK 或 GB18030.
如果要支持 UTF-8, 请在 中将 GB18030
替换为 UTF-8
3. css 文件中含有中文时,如果 css 编码和页面编码不一致,需要手动将中文替换为xxxx, 详细说明请参考
中的说明
4. 如果不需要 native2ascii, 可以只安装 JRE (需要手动修改下 ) Ref: 1. Introducing the YUI
Compressor: /blog/2007/08/11/
2. YUILibrary:
/projects/yuicompressor/wiki
3. Documentation: /yui/compressor/
4. :
/j2se/1.4.2/docs/tooldocs/windows/以下是配置补充:使用YUI Compressor压缩JS和Css 常用示例(在cmd中执行) java -jar
D: --type js
--charset UTF-8 D: -o D:
java -jar D:
--type css --charset UTF-8 D: -o D: –type指定要打包的文件类型,可选的有 js和css
–charset 指定字符集
-o 指定输出的文件名,如果不指定这个参数将会把压缩后的内容输出到命令行上
最后的和是要打包的debug版源文件 如果没有给定charset参数,则字符集默认是系统的,此处指定了UTF-8,更加你的实际需要修改。具体语法和其他参数参考:/yuicompressor/ 使用YUI
Compressor和DOS批处理脚本压缩JavaScript和CSS,加上IIS的GZIP,加起来能得到85%左右的压缩率。(其中YUI
Compressor的压缩率大约为50%)也可以修改参数获得更多的压缩率。 ---------------------------------------------华丽分割线
--------------------------------------- 制作批处理工具 三个文件:
批处理文件:
注册表文件:
压缩jar包: 文件目录:D:serverf2etoolsyuicompressor 批处理使用方法:
对整个文件夹右键点击【YUI-Compressor JS/CSS】批量压缩操作生成-或-,源文件不变,项目平时开发时引用源文件,上线前引用压缩文件测试正常后再上线。
批处理文件代码: 复制代码代码如下:
cd "%1"
for /f %%a in ('dir /b *-') do call:ProcessDel: %%a
for /f %%a in ('dir /b *-') 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: %1
-o %~n1-min%~x1
GOTO:EOF 注册表功能:选中文件夹后,右键,会多一个选项【YUI-Compressor JS/CSS】
注册表文件代码: 复制代码代码如下:
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOTDirectoryshellCompress JS/CSS
Files]
@="YUI-Compressor JS/CSS"
[HKEY_CLASSES_ROOTDirectoryshellCompress JS/CSS
Filescommand]
@="D: %1" 注意事项:请修改两个文件中的目录路径
批处理文件:和注册表文件: ---------------------------------------------华丽分割线--------------------------------------- 打包压缩
文件如下:
批处理文件:
需要打包的目录文件: 代码: 复制代码代码如下:
for /f %%i in () do type %%i >>
java -jar
D: --type
js --charset utf-8 -o
使用方法:
在当前js文件夹里放入这两个文件,平时开发用多个源文件,运行后查看页面效果,上线前打包成一个压缩文件,测试无误后再上线。


发布评论