JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法

 更新时间:2020年04月13日 23:49:00   作者:gdjlc  
网上搜索了,目前主流的Js代码压缩工具主要有Uglify、YUI Compressor、Google Closure Compiler,简单试用了UglifyJS 和Google Closure Compiler 两种工具的基本用法,需要的朋友可以参考下

一、UglifyJS

UglifyJS是用JavaScript编写的JavaScript压缩工具。
官网:http://lisperator.net/uglifyjs/

1、通过NPM安装UglifyJS

(1)安装Node.js

从Node.js官网https://nodejs.org/en/下载对应平台的安装程序,当前最新版本11.4.0,推荐版本10.14.2。
本人下载的是10.14.2,下载下来是一个node-v10.14.2-x64.msi安装包,按照默认下一步安装。
安装成功后在cmd命令提示符下输入node -v,可以显示版本号:

C:\Users\lc>node -v

v10.14.2
要退出Node.js环境,连按两次Ctrl+C。

(2)关于NPM

NPM是随同NodeJS一起安装的默认包管理工具,通过NPM可以安装、共享、分发代码,管理项目依赖关系。
在cmd命令提示符下输入npm -v,可以显示版本号:

C:\Users\lc>node -v

6.4.1

(3)安装UglifyJS

在cmd命令提示符下输入:

npm install uglify-js

2、压缩JS文件

(1)在cmd命令提示符下,用cd命令定位到JS文件所在目录;
(2)输入压缩命令:

uglifyjs test.js test2.js -c -m -o test-outpout.js

test.js和test2.js是待压缩文件,test-outpout.js是压缩后文件。

常用参数说明:

-o,--output 指定输出文件,默认情况下为命令行
-b,--beautify 美化代码格式的参数
-m,--mangle 改变变量名称
-r,--reserved 保留的变量名称,不需要被-m参数改变变量名的
-c,--compress 代码压缩
--comments 用来控制注释的代码的 

二、Google Closure Compiler

Closure Compiler应用程序是一个Java 命令行工具,用来对JavaScript代码进行压缩、优化和排错。

官网:https://developers.google.com/closure/compiler/

1、下载:

官网下载地址为https://dl.google.com/closure-compiler/compiler-latest.zip

解压后有3个文件:

closure-compiler-v20181210.jar
COPYING
README.md

打开README.md帮助文档,可以看到其中有一行说明:Closure Compiler需要Java 8或以上版本。

2、命令行下压缩js文件:

(1)在解压后的ClosureCompiler目录新建一个测试的text.js文件
(2)打开cmd命令行,并cd定位到ClosureCompiler目录;
(3)输入压缩命令:

java -jar closure-compiler-v20181210.jar --js test.js --js_output_file test-outpout.js
test.js是待压缩文件,多个文件可用空格间隔,test-outpout.js是压缩后文件。

以上就是JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法的详细内容,更多关于UglifyJS和Google Closure Compiler用法的资料请关注脚本之家其它相关文章!

相关文章

  • 解决bootstrap-select 动态加载数据不显示的问题

    解决bootstrap-select 动态加载数据不显示的问题

    今天小编就为大家分享一篇解决bootstrap-select 动态加载数据不显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript数组对象实现增加一个返回随机元素的方法

    JavaScript数组对象实现增加一个返回随机元素的方法

    这篇文章主要介绍了JavaScript数组对象实现增加一个返回随机元素的方法,涉及javascript针对数组及随机数的相关操作技巧,需要的朋友可以参考下
    2015-07-07
  • JS算法题之查找数字在数组中的索引位置

    JS算法题之查找数字在数组中的索引位置

    这篇文章主要给大家介绍了关于JS算法题之查找数字在数组中的索引位置的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • 原生js实现淘宝购物车功能

    原生js实现淘宝购物车功能

    这篇文章主要向大家推荐一个原生js实现淘宝购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JavaScript的parseInt 进制问题

    JavaScript的parseInt 进制问题

    今天在整理以前写过的一段根据周期值自动计算下次执行日期的js代码,发现一bug,我使用parseInt对源数据串进行转换,当输入类似:2009-05-05时,parseInt将把串的05做8进制转换,这样结果自然就不对了。
    2009-05-05
  • JavaScript获取数组最小值和最大值的方法

    JavaScript获取数组最小值和最大值的方法

    这篇文章主要介绍了JavaScript获取数组最小值和最大值的方法,涉及javascript中min与max方法的使用技巧,非常简单实用,需要的朋友可以参考下
    2015-06-06
  • 自动完成JS类(纯JS, Ajax模式)

    自动完成JS类(纯JS, Ajax模式)

    自动完成JS类,用户体验较好。封装成类,方便使用。本站
    2009-03-03
  • 微信扫码支付零云插件版实例详解

    微信扫码支付零云插件版实例详解

    这篇文章主要介绍了微信扫码支付零云插件版实例详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • 微信小程序停止其他视频播放当前视频的实例代码

    微信小程序停止其他视频播放当前视频的实例代码

    这篇文章主要介绍了微信小程序停止其他视频播放当前视频的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • 今天,小程序正式支持 SVG

    今天,小程序正式支持 SVG

    这篇文章主要介绍了小程序支持SVG,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04

最新评论