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 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
JavaScript访问CSS属性的几种方式介绍
Jul 21 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
Jun 17 Javascript
ionic实现带字的toggle滑动组件
Aug 27 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 Javascript
微信小程序实现日历小功能
Nov 18 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 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
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
使用JavaScript破解web
2018/09/28 Javascript
Vue动态生成表格的行和列
2019/07/18 Javascript
[02:29]DOTA2英雄基础教程 陈
2013/12/17 DOTA
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
python函数的5种参数详解
2017/02/24 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
transform python环境快速配置方法
2018/09/27 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
事业单位个人应聘自荐信
2013/09/21 职场文书
外语专业毕业生自我评价分享
2013/10/05 职场文书
小学后勤管理制度
2014/01/14 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
汉语言文学专业自荐信
2014/06/11 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
先进基层党组织材料
2014/12/25 职场文书
2015年公务员工作总结
2015/04/24 职场文书
小平小道观后感
2015/06/09 职场文书
小学毕业教师寄语
2019/06/21 职场文书
PHP中国际化的字符串排序和比较对象详解
2021/08/23 PHP