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

优化前端页面性能的重要一环就是让网页的体积更小，JavaScript代码压缩可以将不必要的空格、换行符、注释等干扰字符去掉，从而缩减代码的体积。本文将详细讲解两款流行的JavaScript代码压缩工具：UglifyJS和Google Closure Compiler的基本用法。

UglifyJS的基本用法

安装

使用NPM安装UglifyJS，命令如下：

npm install uglify-js -g

压缩文件

UglifyJS支持压缩单个文件或多个文件，命令如下：

uglifyjs file1.js file2.js -o output.js

其中，-o参数指定输出的文件名字。

压缩代码块

UglifyJS还支持压缩代码块，命令如下：

uglifyjs -e "var a = 1;" -o output.js

其他选项

UglifyJS提供了其他一些选项，例如去除调试语句、保留指定的注释等。具体文档可以在UglifyJS的官方网站上查看。

Google Closure Compiler的基本用法

安装

Google Closure Compiler是Java语言编写的，需要JRE环境支持。可以在官网（https://developers.google.com/closure/compiler/docs/gettingstarted_app）上下载最新版。

压缩文件

Google Closure Compiler支持压缩单个文件或多个文件，命令如下：

java -jar compiler.jar --js file1.js --js file2.js --js_output_file output.js

其中，--js_output_file参数指定输出的文件名字。

高级优化

Google Closure Compiler提供了高级优化功能，可以进行更加深入的代码压缩。命令如下：

java -jar compiler.jar --js file1.js --js file2.js --compilation_level ADVANCED_OPTIMIZATIONS --js_output_file output.js

其他选项

Google Closure Compiler提供了许多其他功能，例如声明变量、去除调试语句等。具体文档可以在Google Closure Compiler的官方网站上查看。

示例

下面举一个例子，将index.js文件压缩后输出到output.js文件中：

UglifyJS示例

uglifyjs index.js -o output.js

Google Closure Compiler示例

java -jar compiler.jar --js index.js --js_output_file output.js

以上就是UglifyJS和Google Closure Compiler的基本用法和一个示例。在实际应用中，根据自己的需要选择合适的工具进行代码压缩，从而提高Web应用的性能。