HTML笔记 ·

使用uglifyjs压缩js

在做的web项目上线时,我们需要对js文件进行压缩,以减小文件的体积,加快加载速度,提高响应时间。下面我来介绍一个js压缩工具:uglifyjs。

安装uglifyjs

前提是必须安装过了nodejs,这里不再说,直接说如果安装uglifyjs

npm install uglify-js -g

通过命令行全局安装,以便于以后压缩时随处可以执行命令。这里npm也可以替换为cnpm

使用

安装完成了,接下来就是使用了。最简单的使用方式:

uglifyjs main.js -o main-min.js -c

下面是一些压缩时常用的参数
一些常用的参数列表

-o,--output      指定输出文件,默认情况下为命令行
-b,--beautify    美化代码格式的参数
-m,--mangle      改变变量名称(ex:在一些例如YUI Compressor压缩完的代码后你可以看到)a,b,c,d,e,f之类的变量,加了-m参数,uglifyjs也可以做到,默认情况下,是不会改变变量名称的)
-r,--reserved    保留的变量名称,不需要被-m参数改变变量名的
-c,--compress    OK,主角登场了,这是让uglifyjs进行代码压缩的参数。可以在-c后边添加
一些具体的参数来控制压缩的特性,下文中会具体介绍。
--comments       用来控制注释的代码的

如果压缩的时候想要保留版权信息,可以如下使用:

uglifyjs main.js --comments -m -o main-min.js

当然,注释需要有一些特别的标志量。

首先需要是JSDoc-style样式风格的注释,然后评论中需要包含"@license"或者"@preserve"就可以了。

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不支持ES6

参与评论