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 自动完成脚本整理(33个)
Oct 20 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
javaScript中的this示例学习详解及工作原理
Jan 13 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
jQuery+CSS3实现树叶飘落特效
Feb 01 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
js制作简单的音乐播放器的示例代码
Aug 28 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
JS实现从对象获取对象中单个键值的方法示例
Jun 05 Javascript
JS如何实现在弹出窗口中加载页面
Dec 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的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
JavaScript Array扩展实现代码
2009/10/14 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
javascript实现多边形碰撞检测
2020/10/24 Javascript
[39:00]Optic vs VP 2018国际邀请赛淘汰赛BO3 第三场 8.24
2018/08/25 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
python正则表达式re之compile函数解析
2017/10/25 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
电子商务专员岗位职责
2013/12/11 职场文书
个人求职信范文分享
2014/01/06 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
学习经验交流会主持词
2014/04/01 职场文书
老干部工作汇报材料
2014/10/28 职场文书
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript