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帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 Javascript
jquery带动画效果幻灯片特效代码
Aug 27 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
JavaScript实现两个数组的交集
Mar 25 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
晶体管来复再生式二管收音机
2021/03/02 无线电
PHP使用OB缓存实现静态化功能示例
2019/03/23 PHP
jquery 插件 人性化的消息显示
2008/01/21 Javascript
JS支持带x身份证号码验证函数
2008/08/10 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
jquery操作checkbox实现全选和取消全选
2014/05/02 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
nodeJs链接Mysql做增删改查的简单操作
2017/02/04 NodeJs
fullCalendar中文API官方文档
2017/02/07 Javascript
基于JavaScript实现购物车功能
2017/02/07 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
微信小程序 在线支付功能的实现
2017/03/14 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
js实现3D旋转相册
2020/08/02 Javascript
使用Vue实现一个树组件的示例
2020/11/06 Javascript
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
C++是不是类型安全的
2014/02/18 面试题
学生干部的自我评价分享
2014/01/18 职场文书
党课心得体会范文
2014/09/09 职场文书
2015教师年度考核评语
2015/03/25 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
大学生实习证明
2015/06/16 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
html form表单基础入门案例讲解
2021/07/21 HTML / CSS
JS中如何优雅的使用async await详解
2021/10/05 Javascript