码迷,mamicode.com
首页 > Web开发 > 详细

uglifyjs压缩JS

时间:2014-07-28 23:34:04      阅读:471      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   color   使用   strong   文件   

需要先安装node,进入命令行,查看node,npm是否正确安装。

bubuko.com,布布扣

接下来安装UglifyJS,命令如:npm install uglify-js -g

bubuko.com,布布扣

 

于是,下面就可以压缩JS了。

下面演示如何使用uglifyjs压缩JS.

我的桌面上有个名叫formini的文件夹,我会把要压缩的文件放在其中,然后再压缩。

现在,我从内部拷贝了一个名叫inet.js的JS文件到这个文件夹中,然后:

    • 打开cmd, 这个不会我就没有办法了
    • 目录引到formini文件夹,cd 然后什么什么的,这个不会我也没有办法了
    • 如下代码:
      uglifyjs inet.js -o inet-min.js
      

      4. 再运行如下代码,测试-m可选参数:

    • uglifyjs inet.js -m -o inet.min.js
      

      噢啦,现在就是看结果了,见下截图:

    • bubuko.com,布布扣

 

    噢啦,现在就是看结果了,见下截图:

    bubuko.com,布布扣

 

    90K的是没有运行-m参数的,70K(69.4)的是运行的。-m参数所以就是把变量名变

    成a, b, c, d, ...

    从实际应用角度讲,上线的JS显然要压缩变量,减小一定的文件尺寸。

    跟YUICompressor相比,大小只小了0.6K, 不过网上反映uglifyjs相比YUI压缩很明

    显,我这里的大小仅优化了0.6÷174=0.345%,这只能说明我写的代码还算比较优

    化,哈哈(突然想起了老婆的话,不要得瑟,深呼吸……深呼吸……)!

    bubuko.com,布布扣

  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,布布扣,bubuko.com

uglifyjs压缩JS

标签:des   style   blog   http   color   使用   strong   文件   

原文地址:http://www.cnblogs.com/xupeiyu/p/3873287.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!