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和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 Javascript
JS绘制生成花瓣效果的方法
Aug 05 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
Apr 14 Javascript
Node.js成为Web应用开发最佳选择的原因
Feb 05 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
js实现旋转的星空效果
Nov 01 Javascript
js 函数性能比较方法
Aug 24 Javascript
小程序实现tab标签页
Nov 16 Javascript
微信小程序组件生命周期的踩坑记录
Mar 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
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
jquery与prototype框架的详细对比
2013/11/21 Javascript
网页右下角弹出窗体实现代码
2014/06/05 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
学习Node.js模块机制
2016/10/17 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
javascript 中模板方法单例的实现方法
2017/10/17 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
python对于requests的封装方法详解
2019/01/03 Python
使用Python实现批量ping操作方法
2020/05/06 Python
Python高阶函数与装饰器函数的深入讲解
2020/11/10 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
甲方资料员岗位职责
2013/12/13 职场文书
考试作弊检讨书怎么写?
2014/12/21 职场文书
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript