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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
javascript写的日历类(基于pj)
Dec 28 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
浅析return false的正确使用
Nov 04 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
JS实现的邮箱提示补全效果示例
Jan 30 Javascript
Vue 实现树形视图数据功能
May 07 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 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去除换行(回车换行)的三种方法
2014/03/26 PHP
yii操作session实例简介
2014/07/31 PHP
php实现两个数组相加的方法
2015/02/17 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
基于laravel制作APP接口(API)
2016/03/15 PHP
Apache PHP MySql安装配置图文教程
2016/08/27 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
xml转json的js代码
2012/08/28 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
2017/05/17 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
element中table高度自适应的实现
2020/10/21 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
[00:32]2018DOTA2亚洲邀请赛出场——LGD
2018/04/04 DOTA
Python编程实现的简单Web服务器示例
2017/06/22 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
欧洲有机婴儿食品最大的市场:Organic Baby Food(供美国和加拿大)
2018/03/28 全球购物
建筑工程毕业生自我鉴定
2014/01/14 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
小学生期末评语大全
2014/04/21 职场文书
2014年服务员工作总结
2014/11/18 职场文书
史上最牛的辞职信
2015/02/28 职场文书
教师考核鉴定意见
2015/06/05 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android
MySQL系列之十一 日志记录
2021/07/02 MySQL
Golang实现可重入锁的示例代码
2022/05/25 Golang