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


Posted in Javascript onApril 13, 2020

一、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用法的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
jquery $.trim()方法使用介绍
May 21 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
Jul 22 Javascript
Vue声明式渲染详解
May 17 Javascript
layui表格实现代码
May 20 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
Seajs源码详解分析
Apr 02 Javascript
小程序实现新用户判断并跳转激活的方法
May 20 Javascript
Vue项目移动端滚动穿透问题的实现
May 19 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 #Javascript
vue cli3适配所有端方案的实现
Apr 13 #Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 #Javascript
JS错误处理与调试操作实例分析
Apr 13 #Javascript
JS正则表达式常见函数与用法小结
Apr 13 #Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 #Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 #Javascript
You might like
php木马webshell扫描器代码
2012/01/25 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
JavaScript继承方式实例
2010/10/29 Javascript
Jquery下attr和removeAttr的使用方法
2010/12/28 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
jQuery中(function($){})(jQuery)详解
2015/07/15 Javascript
js实现圆盘记速表
2015/08/03 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
vue编写简单的购物车功能
2021/01/08 Vue.js
python的keyword模块用法实例分析
2015/06/30 Python
PyQt5主窗口动态加载Widget实例代码
2018/02/07 Python
python按修改时间顺序排列文件的实例代码
2019/07/25 Python
Python 元组操作总结
2019/09/18 Python
python中关于数据类型的学习笔记
2020/07/19 Python
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
全国道德模范事迹
2014/02/01 职场文书
幼儿园运动会加油词
2014/02/14 职场文书
空乘英文求职信
2014/04/13 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
Python异常类型以及处理方法汇总
2021/06/05 Python
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS