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 相关文章推荐
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
Mar 01 Javascript
Jquery对象和Dom对象的区别分析
Nov 20 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
webpack 模块热替换原理
Apr 09 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
Vue实现商品飞入购物车效果(电商项目)
Nov 26 Javascript
原生JS实现贪吃蛇小游戏
Mar 09 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
检查url链接是否已经有参数的php代码 添加 ? 或 &
2010/02/09 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
php curl 伪造IP来源的实例代码
2012/11/01 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
一步步教会你微信小程序的登录鉴权
2018/04/09 Javascript
基于jQuery实现的设置文本区域的光标位置
2018/06/15 jQuery
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
基于Django用户认证系统详解
2018/02/21 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
Python使用指定端口进行http请求的例子
2019/07/25 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
如何利用python进行时间序列分析
2020/08/04 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
会计实习生自我鉴定
2013/12/12 职场文书
三好生演讲稿
2014/09/12 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
vue打包时去掉所有的console.log
2022/04/10 Vue.js