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隐藏和显示效果实现
Apr 06 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
Feb 08 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
jQuery EasyUI开发技巧总结
Sep 26 jQuery
Vue header组件开发详解
Jan 26 Javascript
浅谈Vue 数据响应式原理
May 07 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
JS访问对象两种方式区别解析
Aug 29 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
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
jquery统计用户选中的复选框的个数
2014/06/06 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
Vue.js项目模板搭建图文教程
2017/09/20 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
2018/11/02 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
Node.js API详解之 querystring用法实例分析
2020/04/29 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
2020/05/12 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
详解爬虫被封的问题
2019/04/23 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
Python如何绘制日历图和热力图
2020/08/07 Python
Django框架请求生命周期实现原理
2020/11/13 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
介绍一下代理模式(Proxy)
2014/10/17 面试题
工商学院毕业生个人自我评价
2013/09/19 职场文书
关于旷工的检讨书
2014/02/02 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
加强干部作风建设整改方案
2014/10/24 职场文书
2019个人工作总结
2019/06/21 职场文书