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 相关文章推荐
解javascript 混淆加密收藏
Jan 16 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
Jul 11 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
Dec 14 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
javscript 数组扁平化的实现
Feb 03 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 zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
浅析PHP substr,mb_substr以及mb_strcut的区别和用法
2013/06/21 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
PHP使用Session实现上传进度功能详解
2019/08/06 PHP
PHP设计模式入门之状态模式原理与实现方法分析
2020/04/26 PHP
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
2016/12/22 Javascript
常用的js方法合集
2017/03/10 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
jQuery接受后台传递的List的实例详解
2017/08/02 jQuery
详解React Native 采用Fetch方式发送跨域POST请求
2017/11/15 Javascript
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
一套C#面试题
2013/10/09 面试题
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
餐饮加盟计划书
2014/01/10 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL