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树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
jquery中attr和prop的区别分析
Mar 16 Javascript
Node.js事件驱动
Jun 18 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
浅谈JavaScript for循环 闭包
Jun 22 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
JavaScript 隐性类型转换步骤浅析
Mar 15 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 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
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
让元素在网页中可拖动示例代码
2013/08/13 Javascript
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
JS优化与惰性载入函数实例分析
2017/04/06 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
使用jQuery如何写一个含验证码的登录界面
2019/05/13 jQuery
微信小程序实现打开并下载服务器上面的pdf文件到手机
2019/09/20 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
Python中的Matplotlib模块入门教程
2015/04/15 Python
深入理解Python中的super()方法
2017/11/20 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
Python面向对象程序设计之继承与多继承用法分析
2018/07/13 Python
Python读写文件基础知识点
2019/06/10 Python
Pyqt5自适应布局实例
2019/12/13 Python
如何基于Python创建目录文件夹
2019/12/31 Python
python cookie反爬处理的实现
2020/11/01 Python
Gretna Green中文官网:苏格兰格林小镇
2019/10/16 全球购物
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
酒后驾驶检讨书
2014/01/27 职场文书
保护环境建议书
2014/03/12 职场文书
国庆促销活动总结
2014/08/29 职场文书
贫民窟的百万富翁观后感
2015/06/09 职场文书
百家讲坛观后感
2015/06/12 职场文书
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers