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 相关文章推荐
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
理解javascript中的with关键字
Feb 15 Javascript
详解前后端分离之VueJS前端
May 24 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
vue+elementUI实现表格关键字筛选高亮
Oct 26 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
js实现幻灯片轮播图
Aug 14 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中批量替换文件名的实现代码
2011/07/20 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
JavaScript去掉空格的方法集合
2010/12/28 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
JavaScript中boolean类型之三种情景实例代码
2016/11/21 Javascript
使用nodejs下载风景壁纸
2017/02/05 NodeJs
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
深入了解js原型模式
2019/05/30 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
python通过链接抓取网站详解
2019/11/20 Python
Python爬虫实现HTTP网络请求多种实现方式
2020/06/19 Python
如何使用python自带IDLE的几种方法
2020/10/10 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
《长征》教学反思
2014/04/27 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
土地租赁协议书
2015/01/29 职场文书
复兴之路展览观后感
2015/06/02 职场文书
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB
图解排序算法之希尔排序Java实现
2021/06/26 Java/Android
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python