Nodejs一键压缩合并JS/CSS/Images

转自：http://jiangxiao-2000.iteye.com/blog/1941144

前言：

1.测试通过环境：

chrome v28.0.1500.71 + nodejs v0.10.18 / firefox v14.0.1 + nodejs v0.10.18

2.一键压缩文件存放位置：

根目录下的test文件夹（你也可以指定需要压缩的根目录，可以在前端传uglifyUrl这个值），你必须把 需要压缩的Js/Css/Images分别归类归好，如下图：

当然也可以这样，如下图：

目录层级深度可以无限长，只需注意两点：

1.要压缩的文件必须放在test（可在前端指定）目录下；

2.同一个目录下，只能放同一类型的文件，比如js文件夹里只能有js文件，css文件夹里只能有css文件， 图片文件夹里只能用图片类型文件（包括png/jpg/gif/jpeg…）

3.此功能需要安装的****node****模块（压缩包解压后模块已安装好）：

socket.io ：作用为客户端和服务器端的双向实时通信；

uglify-js ：作用为js文件的压缩；

clean-css ：作用为css文件的压缩；

node-smushit ：作用为图片文件的压缩；

walk ：作用为分析磁盘的目录结构；

4.功能介绍：

（1）当配置好nodejs服务器后，访问一键压缩页面http://127.0.0.1:3003，会出现如下图：

（2）当把需要压缩的文件放到test根目录下后，即可点击一键压缩按钮进行压缩，如下图：

（3）如果压缩图片不多的话，应该不到两分钟，即可压缩完毕，如下图：

（4）此时能达到的合并压缩效果，如下图

1.Js文件合并压缩：

2.Css文件合并压缩：

3. 图文文件压缩前与压缩后的容量对比：

5.常见错误分析：

（1） node模块安装有误，如下图

点击查看原始大小图片

（2）压缩指定目录有误，如下图

点击查看原始大小图片

（3）压缩的Js文件语法错误，或者压缩的目录文件夹中，存在未知的类型文件，会导致合并压缩无法进行下去，如下图：

点击查看原始大小图片

6.有关IT界的其它事儿：

**7.最后 **