最小化(minify)js文件

chxkyy

在 http://developer.yahoo.com/performance/rules.html#minify
中介绍了有两种最小化js文件的工具。
一种是JSMin http://crockford.com/javascript/jsmin
另一种是 YUI Compressor http://developer.yahoo.com/yui/compressor/

1.JSMin使用很简单 它提供一个在MS-Dos下能直接运行的.exe程序 jsmin.exe
 直接运行命令即可:
jsmin jsmin <Ajax.js> ajaxmin.js
  Ajax.js是没有最小化的js文件，当中包含很多空格与换行符
  ajaxmin.js是被jsmin最小化过的文件
2.首先下载最新版的YUI Compressor
我下载的是2.3.6版
 它提供的是Jar架包。
 我们也有两种方法使用它。
 1)如其\doc\README所说的直接用:
  java -jar yuicompressor-x.y.z.jar [options] [input file]
  java -jar yuicom*.jar --type js -o ajaxmin.js Ajax.js
 2)用ant来操作：
  新建一个Java Project :YUI_Compressor
  新建一个build.xml
 
<project name="YUI_Compressor" default="css.minify" basedir="./.."><property name="project.dir" value="${basedir}"></property><property name="project.src.dir" value="${project.dir}\src"></property><!-- 最小化css文件 --><target name="css.minify"><java jar="${project.dir}/lib/yuicompressor-2.3.6.jar" fork="true" failonerror="true"><arg line="${project.src.dir}/index.css" /><arg line="-o ${project.src.dir}/indexmin.css" /></java></target><!-- 最小化js文件 --><target name="js.minify"><java jar="${project.dir}/lib/yuicompressor-2.3.6.jar" fork="true" failonerror="true"><arg line="${project.src.dir}/Ajax.js" /><arg line="-o ${project.src.dir}/ajaxmin.js" /></java></target><target name="css.concat"><concat destfile="${war.dir}/css/my-concat.css"><filelist dir="${war.dir}/css/" files="screen.css, specialA.css, spcialB.css" /></concat></target><target name="js.concat"><concat destfile="${war.dir}/script/my-concat.js"><filelist dir="${war.dir}/script/jquery" files="jquery.js, jqueryPlugins.js" /><filelist dir="${war.dir}/script/" files="remote.js, ..., my.js" /></concat></target></project> 运行相应的target即可
 
最后创建出来的文件目录为：
    │  .classpath
    │  .project
    │  list.txt
    │ 
    ├─bin
    │      Ajax.js
    │      ajaxmin.js
    │      build.xml
    │      index.css
    │      indexmin.css
    │      yuicompressor-2.3.6.jar
    │     
    ├─lib
    │      yuicompressor-2.3.6.jar
    │     
    └─src
            Ajax.js
            ajaxmin.js
            build.xml
            index.css
            indexmin.css
 
参考文档:
http://developer.yahoo.com/yui/compressor/
http://www.seamframework.org/Community/SeamPerformanceSomeIdeas