使用YUI Compressor和bat文件进行多个JS、CSS合并压缩

压缩JS或CSS是非常普遍而又繁琐的事情,平时压缩几个文件时可以无鸭梨的瞬间搞定;但面对多个文件的合并同时压缩处理,若是手动进行整理那真真是十分耗时又痛苦的事情…. = = so先上网各种百度谷歌搜解决方案,最终找到篇还不错的文(至少帮我解决了问题撒~) 地址:http://www.cnblogs.com/heiniuhaha/archive/2011/06/15/YUI-Compressor.html 这里就不详细描述啦~ 只写写过程和实例:

1、首先必须果断而又迅速地先下载个YUI Compressor的jar文件~ (目前最新版本2.4.8)    

传送门:https://github.com/yui/yuicompressor/releases

2、其次新建个文本文档写入你所需要压缩的JS、CSS文件(如实例中的.jsList.txt)

格式为: 文件名.后缀名

例:
show.js
alert.js
common.js

3、紧接着新建个bat文件(新建个文本文档,把后缀.txt改为.bat即可),复制以下内容粘贴进文件;bat文件和JS、CSS放在同一级目录下:

for /f %%i in (.jsList.txt) do type %%i >>mergedFile.js
java -jar E:\compress\yuicompressor-2.4.8.jar --type js --charset utf-8 mergedFile.js -o compress.min.js

原理:

第一行执行的操作是进行批处理将多个指定的JS、CSS文件内容统一合并并存为mergedFile.js文件

第二行通过调用YUI Compressor将合并的mergedFile.js文件压缩并保存为compress.min.js文件

说明备注:

  1. .jsList.txt   为所需压缩的JS/CSS文件名列表
  2. mergedFile.js   为多个指定的JS、CSS文件合并后的JS文件(未压缩);在txt文件中两次出现位置的名称必须一致
  3. E:\compress\yuicompressor-2.4.8.jar   为你所放置jar文件的路径
  4. compress.min.js 为压缩后另存的文件名;若无写明路径则保存于当前文件夹中;若指明路径则存于指定的路径中
  5. 需保证文本文件.bat文件JS/CSS文件必须存于同一级目录且bat中调用jar的路径必须正确
  6. 若是要压缩css文件,则需要–type js 修改为 –type css

所以东西部署完毕后,双击执行bat文件,就会出现 mergedFile.js  compress.min.js 两个文件,删除第一个保留第二个即可。第二个文件即为你的压缩文件。

Bingo~ 搞定啦~ 撒花~~

另外推荐些代码检测工具给大家,帮助规范自己的代码编写,找出错误。

  1. 使用jsHint检测JavaScript代码规范:http://www.jshint.com/
  2. 使用W3C的在线CSS验证器和HTML代码校验器: http://jigsaw.w3.org/css-validator/