YUI Compressor使用配置方法 JS/CSS压缩工具
程序员文章站
2022-10-14 12:57:52
YUI Compressor使用配置方法 JS/CSS压缩工具...
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: 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批处理文件代码:
代码如下:
yuicompressor.reg注册表功能:选中文件夹后,右键,会多一个选项【yui-compressor js/css】
yuicompressor.reg注册表文件代码:
代码如下:
注意事项:请修改两个文件中的目录路径
批处理文件:yuicompressor.bat和注册表文件:yuicompressor.reg
---------------------------------------------华丽分割线---------------------------------------
打包压缩pack-all-min.js
文件如下:
批处理文件:pack-js.bat
需要打包的目录文件:pack-list.txt
pack-js.bat 代码:
代码如下:
pack-list.txt
jquery.ui.datepicker.js
jquery.ui.dialog.js
jquery.ui.draggable.js
jquery.ui.mouse.js
使用方法:
在当前js文件夹里放入这两个文件,平时开发用多个源文件,运行pack-js.bat后查看页面效果,上线前打包成一个压缩文件,测试无误后再上线。
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: 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批处理文件代码:
代码如下:
yuicompressor.reg注册表功能:选中文件夹后,右键,会多一个选项【yui-compressor js/css】
yuicompressor.reg注册表文件代码:
代码如下:
注意事项:请修改两个文件中的目录路径
批处理文件:yuicompressor.bat和注册表文件:yuicompressor.reg
---------------------------------------------华丽分割线---------------------------------------
打包压缩pack-all-min.js
文件如下:
批处理文件:pack-js.bat
需要打包的目录文件:pack-list.txt
pack-js.bat 代码:
代码如下:
pack-list.txt
jquery.ui.datepicker.js
jquery.ui.dialog.js
jquery.ui.draggable.js
jquery.ui.mouse.js
使用方法:
在当前js文件夹里放入这两个文件,平时开发用多个源文件,运行pack-js.bat后查看页面效果,上线前打包成一个压缩文件,测试无误后再上线。
上一篇: SEO人员必须了解的那些事
下一篇: 淘宝上有流量的关键词那么多 怎么选?