使用YUICompressor和DOS批处理脚本压缩JavaScript和CSS.docx

转使用YUI Compressor和DOS批处理脚本压缩JavaScript和CSS 发布时间：2010/08/29 分类：未分类 标签： Compressor JavaScript 1,665 views 转载请说明出处:美拓blog 对于大量使用JavaScript和CSS的AJAX应用来说，如果JavaScript和CSS大小很大，则传输到客户端的时间会很久，网站性能不佳。而压缩JavaScript和CSS是自然的事情，本文使用YUI Compressor和DOS批处理脚本压缩JavaScript和CSS，加上IIS的GZIP，加起来能得到85%左右的压缩率。（其中YUI Compressor的压缩率大约为50%）YUI Compressor The Yahoo! JavaScript and CSS Compressor （Yahoo的JS和CSS压缩工具，具本人对比测试比较好用）Download 下载地址 : /yuicompressor/The YUI Compressor requires Java version = 1.4. （机器需要Java 1.4以上的环境）常用示例（在cmd中执行） java -jar D:yuicompressor-2.4.2buildyuicompressor-2.4.2.jar -charset UTF-8 D:my.js -o D:my-min.js java -jar D:yuicompressor-2.4.2buildyuicompressor-2.4.2.jar -charset UTF-8 D:my.css -o D:my-min.css如果没有给定charset参数，则字符集默认是系统的，此处指定了UTF-8，更加你的实际需要修改。具体语法和其他参数参考：/yuicompressor/使用DOS批处理脚本批量压缩JavaScript和CSS通常会把项目用到的js和css都按照模块放在专门的目录下：例如：示例所以需要建立一个DOS批处理脚本来自动处理目录和子目录下的所有js和css文件。新建一个批处理文件，例如myCompressor.bat，文件内容如下： echo off :设置YUI Compressor启动目录 SET YUIFOLDER=D:yuicompressor-2.4.2build :设置你的JS和CSS根目录，脚本会自动按树层次查找和压缩所有的JS和CSS SET JSFOLDER=D:mySitemyJS 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 完成! pause & exit文件示例，压缩前后对比原文件： /this is desc function test(value) /this is comment /this is comment /this is comment alert ( value ); function test2(value) /this is comment /this is comment /this is comment alert ( value ); /this is comment /this is comment /this is comment function test3(value) alert ( value ); function test4(value) alert ( value ); /this is comment /this is comment /this is comment function test5(value) alert ( value ); /this is comment /this is comment /this is comment function test6(value) alert ( value ); function test7(value) alert ( value ); function test8(value) alert ( value ); /this is comment /this is comment /this is comment function test9(value) alert ( /*This is inline comment*/value ); var abc = function(v) /this is a desc /this is another desc alert(v); ; function test10(value) /this is comment /this is comment /this is comment alert ( value ); 压缩后： function test(a)alert(a)function test2(a)alert(a)function test3(a)alert(a)function test4(a)alert(a)function test5(a)alert(a)function test6(a)alert(a)function test7(a)alert(a)function test8(a)alert(a)function test9(b)alert(b);var a=function(c)alert(c)function test10(a)alert(a);使用YUI Compressor和DOS批处理脚本压缩JavaSc