JavaScript 代码压缩工具 UglifyJS 和 Google Closure Compiler 的基本用法

作者:木棉

时间:2026-10-23

浏览:385

本文详细介绍两种主流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用法的资料请关注本站其它相关文章!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章