js/css 压缩工具推荐

最新推荐文章于 2022-12-27 09:40:49 发布

MemoryBook

最新推荐文章于 2022-12-27 09:40:49 发布

阅读量1k

点赞数

分类专栏： js/Jquery/Extjs 文章标签：工具 java javascript css jdk eclipse

js/Jquery/Extjs 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

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