javascript/css压缩工具---yuicompressor使用方法
1. 下载
地址:https://github.com/yui/yuicompressor/downloads
2. 安装
yuicompressor是由java写成的一组jar文件,需要jdk环境支持运行。所以,先安装jdk,再解压使用。
3. 使用
yuicompressor-2.4.7.jar位于build文件夹下,运行时先切换盘符到build下,然后用java -jar命令执行压缩。例如:
G:\yuicompressor-2.4.7\build> java -jar yuicompressor-2.4.7.jar D:\test.js -o E:\test-min.js
红色为输入的js文件,蓝色为输出的文件,保存路径任选,其他参数可参见官方文档或资料。
4. 集成工具
以上是命令行方式压缩,网上还有一种集成了的工具更直接,点击下载后,找到install.cmd,点击一键注册安装,前提是有jdk环境。使用简单,选中js文件,右键会出现”Process with YUICompressor“选项,点击后会生成默认为*-min.js文件。
5. 关于“float”异常
这是由于“float”造成的,可以查看文件是否在设置css样式时,写为{float:'left'},改为{'float':'left'}即可。float是javascript中的一种数据类型,浮点型,又是css中浮动定位,由于yuicompressor可压缩js文件和css文件,所以可能造成它的混淆。很奇怪的是这里的报错“[ERROR] 166:106 invalid property id”,找到166行,却怎么也找不到所谓的id,如果显示“[ERROR] 166:106 invalid property float”不就很好找了吗?
6. 批量压缩
在ms-dos下,需要些bat文件,网上搜集如下:
1 @echo off 2 3 ::设置YUI Compressor启动目录 4 5 SET YUIFOLDER=E:\架包\ys-tool\yuicompressor-2.4.7\build 6 7 ::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS 8 9 SET JSFOLDER=E:\架包\ys-tool\yuicompressor-2.4.7\build\hu 10 11 echo 正在查找 JavaScript, CSS ... 12 13 chdir /d %JSFOLDER% 14 15 for /r . %%a in (*.js *.css) do ( 16 17 @echo 正在压缩 %%~a ... 18 19 @java -jar %YUIFOLDER%\yuicompressor-2.4.7.jar --charset UTF-8 %%~fa -o %%~fa 20 21 ) 22 23 echo 完成! 24 25 pause & exit
试过之后,觉得很好用,可以快速批量压缩文件夹下的js文件和css文件。
![](https://files-cdn.cnblogs.com/files/thingk/%E5%BE%AE%E4%BF%A1%E6%94%B6%E6%AC%BE%E7%A0%81.bmp)