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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
基于JQuery的日期联动实现代码
Feb 24 Javascript
document.documentElement和document.body区别介绍
Sep 16 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
vue-router 源码实现前端路由的两种方式
Jul 02 Javascript
在layui tab控件中载入外部html页面的方法
Sep 04 Javascript
JavaScript数组去重实现方法小结
Jan 17 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 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
PHP7.0版本备注
2015/07/23 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
python分布式计算dispy的使用详解
2019/12/22 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
Python如何把十进制数转换成ip地址
2020/05/25 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
宠物店的创业计划书范文
2014/01/11 职场文书
教师档案管理制度
2014/01/23 职场文书
工作评语大全
2014/04/26 职场文书
大学生就业自我推荐信
2014/05/10 职场文书
争做文明公民倡议书
2014/08/29 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技