在前端开发中，JavaScript 是最广泛使用的编程语言之一。由于 JavaScript 代码量庞大，为了提高性能和减小代码体积，我们通常需要将代码进行压缩。 UglifyJS 是一个流行的 JavaScript 压缩工具，可以帮助我们将 JS 代码压缩到极小的体积，并且保留代码的运行时行为。
本文将介绍如何使用 npm 包 uglify-js-es6，一个基于 UglifyJS 的扩展，支持 ES6 语法的压缩和混淆。
安装
首先，我们需要在项目中安装 uglify-js-es6 包。在终端中输入以下命令：
npm install uglify-js-es6 --save-dev
使用
压缩一个文件
用法示例：
const UglifyJS = require('uglify-js-es6');
const options = { ... };
const result = UglifyJS.minify('input.js', options);
console.log(result.code);其中，input.js 是需要压缩的原文件名，options 是一个可选的配置对象，包含了压缩选项。result.code 是压缩后的代码。
options 配置参数说明：
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| compress | Object/|Boolean | true | 压缩选项。此处压缩选项是用的 uglify-es 压缩选项，可详见官网文档。 |
| mangle | Object/|Boolean | {} | 混淆选项。此处混淆选项是用的 uglify-es 混淆选项，可详见官网文档。 |
| output | Object | {} | 输出选项。此处输出选项是用的 uglify-es 输出选项，可详见官网文档。 |
| sourceMap | Object/|Boolean | false | 是否生成 Source Map。 |
压缩多个文件
案例代码：
-- -------------------- ---- -------
----- -------- - -------------------------
----- -- - --------------
----- ---------- - --------
----- ---------------- - ----------
-- ---------------------------------- -
-------------------------------
-
--------------------------------------------- -- -
-- -------------------------- -
----- ------------- - ----------------------------
----- -------------- - ----------------------------------
----- ------- - - --- --
----- ------ - ------------------------------ ---------
-------------------------------- -------------
-
---以上代码将遍历 src 目录下的所有 .js 文件，并压缩它们，压缩后的文件保存在 build 目录下。
压缩 JavaScript 字符串
案例代码：
-- -------------------- ---- ------- ----- -------- - ------------------------- ----- ---- - --------- ----- - ------------------- - ------- ----- ------- - - --- -- ----- ------ - --------------------- --------- -------------------------
以上代码将压缩一个 JS 字符串，输出结果如下：
function foo(){console.log("foo")}foo();结语
uglify-js-es6 是受欢迎的 JS 压缩工具 UglifyJS 的一个扩展，加入了对 ES6 语法的支持。它提供了易用的 API，使得压缩和混淆 JS 代码变得十分容易。希望本文能够帮助读者理解 uglify-js-es6 的使用方法和 API，以及如何配置和优化压缩代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61175