uglifyjs随笔

今天看书给推荐了几个代码压缩工具来压缩脚本

压缩脚本,指的是把脚本文件中不必要的字节,如空格和注释,统统删除,从而达到“压缩”文件的目的。有的精简程序甚至会重写你的部分代码,使用更短的变量名,从而减少整体文件的大小。

精简后的代码虽然不容易看懂,但却能大幅减少文件大小。多数情况下,我们应该有两个版本,一个是工作副本,可以修改代码并添加注释;另一个是精简副本,用于放在站点上。通常,为了与非精简版本区分开,最好在精简副本的文件名上加上min字样:

<script src="scripts/scriptName-min.js"></script>

于是书中给了几个有代表性的压缩代码工具:

Douglas Crockford的JSMin;

雅虎的YUI Compressor;

谷歌的Closure Compiler等。

我下载了一个uglifyjs,用来压缩JS文件,还能优化JS,它是基于node的,要想安装uglifyjs,首先要安装好node.js和npm

使用node -v 命令可以查看下安装的版本

技术分享

接下来安装UglifyJS,命令为:npm install uglify-js -g    最后要把node和npm添加到环境变量中,然后就可以用uglifyjs来压缩js文件了

下面演示如何利用uglifyjs来压缩:

首先确定好要压缩的文件所在的位置,打开cmd,找到该文件的位置->然后输入命令:uglifyjs inet.js -o inet-min.js (这里我的文件名为inet.js,压缩后保存的名字为inet-min.js)

注意:uglifyjs inet.js -m -o inet.min.js 这条命令是把变量名改为a,b,c,d.....的

 

uglifyjs压缩批处理

我们不可能每次都打开cmd去键入压缩执行代码,容易写错不说(如上面那个结果图),还耗时,想想都会让人疯掉。懒人有懒法,花了点功夫,折腾了一个批处理文件,以后,想要压缩JS,只要双击运行这个.bat文件就可以了!完整代码如下:

@echo off
:: 设置压缩JS文件的根目录,脚本会自动按树层次查找和压缩所有的JS
SET JSFOLDER=C:\Users\Administrator\Desktop\formini
echo 正在查找JS文件
chdir /d %JSFOLDER%
for /r . %%a in (*.js) do (
    @echo 正在压缩 %%~a ...
    uglifyjs %%~fa  -m -o %%~fa
)
echo 完成!
pause & exit

新建一个txt文档,任意命名,将上面的代码粘贴进去,修改JSFOLDER后面的文件夹目录为你自己的,然后把.txt后缀改成.bat就可以啦!然后双击就可以批量使用uglifyjs压缩JS文件啦!

最后说一下,我感觉uglifyjs还是挺好用的,不过缺点就是只能压缩js不能压缩css。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。