天天看点

js/css 压缩工具推荐

1.YUI-compressor

使用教程

下面是介绍yuicompressor用命令行方式来调用。

命令行用法

语法: 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 禁止优化。

使用示例:java -jar yuicompressor-2.4.2.jar -o d:/temp/hello_min.js hello.js

------------------------一个批处理-------------------------------------

@echo off

  ::设置YUI Compressor启动目录

  SET YUIFOLDER=D:/yuicompressor-2.4.2/build

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

  SET JSFOLDER=D:/mySite/myJS

  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

使用教程博客:http://www.36ria.com/3948

----------------------------------------又一个地址-------------------------------------------------------------

下载下来后还需要安装yuicompressor的运行环境,因为是JAVA写的,所以需要安装JDK(JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk-6u25-download-346242.html,有WINDOWS LINUX等不同平台选择,不要下错了)

都下载下来后,要先安装你的jdk-6u25-windows-i586.exe,安装完成之后设置下运行环境:

a,右键“我的电脑”->“属性”->"高级",在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”:

b,JAVA_HOME指明JDK安装路径,就是刚才安装时所选择的路径D:/jdk1.4,此路径下包括lib,bin,jre等文件夹(此变量最好设置,因为以后运行tomcat,eclipse等都需要依靠此变量)

   Path使得系统可以在任何路径下识别java命令,设为:%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin

   CLASSPATH为java加载类(class or lib)路径,只有类在classpath中,java命令才能识别,设为:.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar (要加.表示当前路径)

   %JAVA_HOME%就是引用前面指定的JAVA_HOME。

c,“开始”->“运行”,键入“cmd”:

d,键入命令“java -version”,出现版本提示画面,说明环境变量配置成功。

接着按照YAHOO里的帮助命令格式例子:java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js

运行我的测试JS文件:java -jar E:/jsMinifier/yuicompressor.jar E:/jsMinifier/test.source.js -o E:/jsMinifier/test.js --charset gbk

运行成功后在E:/jsMinifier下成功的压出来了test.js,原来12.6K的JS文件压缩后只有8K,效果不错,压缩CSS与此类似。

这里需要说明的就是--charset gbk,表示使用的字符编码,类似的文字编码还有gb2312 utf-8等,要看你JS使用的什么编码而定

下载地址:http://developer.yahoo.com/yui/compressor/

2.Microsoft Ajax Minifier 4.0 

下载地址: http://aspnet.codeplex.com/releases/view/61896

---------------------------------------------------------------------

3.JSMin

下载地址:http://www.crockford.com/javascript/jsmin.html

4.Dojo compressor