如果你用过前端构建工具 Justo 并想深入学习代码压缩工具，那么你需要掌握的一个 npm 包就是 justo-plugin-uglifyjs。这个 npm 包提供了一种简化的方式将 JavaScript 代码压缩至更小的尺寸，以提升网页性能和加载速度。这篇文章将介绍如何使用 justo-plugin-uglifyjs 压缩 JavaScript 代码。
安装
使用 npm 安装该插件：
npm install justo-plugin-uglifyjs --save-dev
使用
在 Justo 中使用 justo-plugin-uglifyjs 的方式非常简单。你可以将该插件添加到你的 Justo 任务中，然后设置相应的参数以完成代码压缩任务。以下是一个简单的例子：
-- -------------------- ---- -------
----- ----- - -----------------
----- ------ - ---------------------------------
-- -- ----- ------- -- --
----- ---- - ------------------
----- --------
------------ --- -- ----
-------- -
-
----- ---------
------- -------
---- ----------------
----- --------
-------- -
--------- -----
------- ----
-
-
-
---在上面的例子中，定义了一个简单的 Justo 任务。该任务名为 'build'，其目的是将 'index/**/*.js' 文件夹中的所有 JavaScript 代码压缩，并将压缩后的代码放到 'dist/' 文件夹下。在 uglify 操作中，我们还可以看到一个 options 参数，该参数包含两个键值对，用于配置 justo-plugin-uglifyjs 的相关参数。其中 compress 用于指定是否压缩代码；mangle 则用于指定是否混淆代码。
现在我们已经了解了如何在 Justo 中使用 justo-plugin-uglifyjs，接下来让我们更深入地了解该插件的各个参数。
参数
src
类型：string|array
必填项：是
用途：指定需要压缩的文件或文件夹。
dest
类型：string
必填项：是
用途：指定压缩后的文件或文件夹。
options
类型：object
必填项：否
用途：可以使用 UglifyJS 的压缩配置对象。具体的配置参数可以参考 UglifyJS 的 README。
示例代码
这里提供一个完整的 Justo 任务示例，用于将 JavaScript 代码压缩至最小：
-- -------------------- ---- -------
----- ----- - -----------------
----- ------ - ---------------------------------
----- ---- - ------------------
----- ------------
------------ --------- --- -- -------
-------- -
-
----- ---------
------- -------
---- -----------
----- --------
-------- -
--------- -----
------- ----
-
-
-
---
-------------- - -----在上面的示例中，我们创建了一个名为 'uglify-js' 的任务，该任务用于压缩 'src/*.js' 目录中的所有 JavaScript 代码。我们将压缩后的代码存放在 'dist/' 目录下，并打开了 compress 和 mangle 配置选项以压缩和混淆代码。
我们希望这篇文章可以帮助你更好地使用 justo-plugin-uglifyjs 压缩 JavaScript 代码，并且为你的前端开发工作带来便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68431