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 相关文章推荐
JavaScript Chart 插件整理
Jun 18 Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
根据一段代码浅谈Javascript闭包
Dec 14 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
JS实现多物体缓冲运动实例代码
Nov 29 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
Ionic快速安装教程
Jun 03 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 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 ajax 分页类代码
2008/11/13 PHP
使用dump函数,给php加断点测试
2013/06/25 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
JavaScript不刷新实现浏览器的前进后退功能
2014/11/05 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
4个顶级开源JavaScript图表库
2018/09/29 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
python实现的文件夹清理程序分享
2014/11/22 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
浅谈python输出列表元素的所有排列形式
2020/02/26 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
领导失职检讨书
2014/02/24 职场文书
计算机网络专业求职信
2014/06/05 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server