Jquery学习之Uglify压缩工具

Uglify使用

web开发往往离不开大量的js，有过开发经验的童鞋都知道，有时候一个页面会加载一个或者多个js文件。

这样的后果就是造成页面的响应事件十分的缓慢。这个时候就到我们的主题了，压缩js文件缩加快家族的速度。

在Jquery1.5出来的时候，john说Jquery已经采用了Uglify进行压缩，效果非常的好。听说很黄很暴力。

1.Uglify是基于node的服务器压缩工具所以第一步我们需要配置node环境：

http://nodejs.org/

这是node的下载地址。安装过程很简单，直接下一步，如果不认识英文，直接next，然后finsh。

2.安装uglifyjs

运行cmd输入一下命令

npm install uglify-js -g

然后就好扒拉扒拉啪啦出现一大堆的东西，最后就ok啦。

3.检测是否安装成功

检测node是否安装成功在cmd中输入：

node -v

如果出现版本号，那么证明安装成功。

再测试uglify是否安装成功在cmd中输入：

npm

如果出现一大堆提示证明安装成功。

4.开始压缩js文件

好了，让我们来压缩文件吧。

文件压缩三部曲：

第一步，cmd命令窗口，切换到js所在的目录

第二步，输入命令 uglifyjs [js文件名] -m -o[压缩后的文件名]

如：uglifyjs tag.js -m -otag-min.js

第三步，回车，欧拉。

解释一下命令

-m是可选的，是将变量名变成a,b,c。（这句话我也不是很明白，某人这样说的）

但是效果很明显，246kb的文件，使用-o压缩后是136kb 使用-m-o 后是95.8kb.

给力吧。快去试试吧。

PS:对了需要注意，需要压缩的js中不要出现中文，如果有必要进行中文提示请作为参数传入，因为压缩过程中文会压缩成乱码。注释中文没关系，反正注释会被干掉的。我说的是alert中或者设置html的时候。