js/css文件常见的压缩工具有:
- YUIcompressor GUI TBcompressor
- ESC(ECMAScript cruncher)
- JSmin GUI:JsMinGUI
- Dojo ShrinkSafe
- 在线Js压缩
- Google Closure compiler Closure Tools
- 打包下载地址
Yuicompressor的用法
java -jar D:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar
--charset UTF-8 D:\my.js -o D:\my-min.js
java -jar D:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar
--charset UTF-8 D:\my.css -o D:\my-min.css
具体语法和其他参数参考:julienlecomte Yuicompressor。 也可以写一个批处理文件具体格式,同时处理多个文件,例如:将D盘中的WEBsite文件夹下的所有.CSS , .JS文件进行压缩
@echo off
:设置YUI Compressor启动目录
SET YUIFOLDER=D:\yuicompressor-2.4.2\build
:设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS
SET JSFOLDER=D:\WEBsite
echo look for JavaScript, CSS ...
chdir /d %JSFOLDER%
for /r . %%a in (*.js *.css) do (
@echo It's compressing %%~a ...
@java -jar %YUIFOLDER%\yuicompressor-2.4.2.jar --charset UTF-8 %%~fa -o %%~fa
)
@echo OK!
pause & exit
ESC(ECMAScript cruncher)
这个工具只能在Windows下使用,ESC.wsf提供5种压缩级别,从0到4:
Level 0 : No compression 不对JS文件进行压缩
Level 1 : Comment removal 移除JS文件中的注释
Level 2 : Whitespace removal 移除JS文件中的注释及空行(默认)
Level 3 : Newline removal 移除JS文件中的注释,将所有代码合并为一行
Level 4 : Variable substitution 提供最新的压缩率,移除JS文件中的注释,将所有代码合并为一行,并且修改JS文件中的变量名。例如:将”big.js”按照压缩级别2来压缩(ESC.wsf默认压缩级别为2)为”min.js”
cscript ESC.wsf -ow min.js big.js
Google Closure Tools 包含三大块
- Closure Compiler:这是个JavaScript优化器,可以将JavaScript编译成压缩的、高性能代码。它除了能移除无效代码,重写代码使其最小化且运行更快,还能检查语法、变量引用和类型,并对一些常见JavaScript错误提出警告。同时,它还提供了Closure Inspector(一个Firefox插件)用于调试编译后的代码。FireFox插件
- Closure Library:这是个广泛的、经过良好测试、模块化且跨浏览器的JavaScript库。在例子中可以看到,Google Docs就是用这个库写的。
- Closure Templates:这是一个为Java和JavaScript实现的模板系统,可在服务器和客户端使用相同的模板。值得一提的是,JavaScript模板会进行预编译处理,以提高其性能。此外,Gmail和Google Docs也是使用该模板系统。
http://www.zizaiti.com/blog/2011/05/cssjs%E6%96%87%E4%BB%B6%E5%8E%8B%E7%BC%A9%E5%B7%A5%E5%85%B7/