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 相关文章推荐
js 禁止选择功能实现代码(兼容IE/Firefox)
Apr 23 Javascript
JQuery 选择器 xpath 语法应用
May 13 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
node+koa实现数据mock接口的方法
Sep 20 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 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的安全
2006/10/09 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
jquery中实现标签切换效果的代码
2011/03/01 Javascript
JS获取IP、MAC和主机名的五种方法
2013/11/14 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
2014/01/24 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
基于Python闭包及其作用域详解
2017/08/28 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
Django model序列化为json的方法示例
2018/10/16 Python
python读写配置文件操作示例
2019/07/03 Python
超实用的 30 段 Python 案例
2019/10/10 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
工作证明格式范文
2015/06/15 职场文书
react 路由Link配置详解
2021/11/11 Javascript
HTTP中的Content-type详解
2022/01/18 HTML / CSS
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js
使用Django框架创建项目
2022/06/10 Python