JavaScript 代码压缩工具 UglifyJS 和 Google Closure Compiler 的基本用法
本文详细介绍两种主流JavaScript压缩工具UglifyJS和Google Closure Compiler的安装与使用方法。涵盖Node.js环境配置、NPM包管理、命令行压缩参数详解及Java环境要求,帮助开发者高效优化前端代码体积。
一、UglifyJS
UglifyJS是一款基于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用法的资料请关注本站其它相关文章!
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
