Grunt-contrib-uglify 是一个常用的 npm 包，用于压缩前端 JS 文件。本文将介绍如何使用该包，并提供一些示例代码。
安装
首先，你需要全局安装 Grunt：
npm install -g grunt-cli
然后，在项目根目录下安装 grunt-contrib-uglify：
npm install grunt-contrib-uglify --save-dev
配置
接着，在项目根目录下创建一个名为 Gruntfile.js 的文件，并编写以下代码：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
---- ------------------------------------
------- -
-------- -
------- ---- --- -------- -- --- ---------------------------------- -- -----
--
------ -
---- --------------
----- ---------- -------- ----------
-
-
---
-------------------------------------------
----------------------------- ------------
--上述代码中，我们定义了一个名为 uglify 的任务，其中 options 中的 banner 会在压缩后的文件开头添加注释，用于标记文件的版本信息等。build 中的 src 指定了需要压缩的文件路径，dest 指定了压缩后的文件路径。
执行
现在，你可以在命令行中运行 grunt 命令，即可执行上述配置的 uglify 任务。如果一切顺利，你将可以在 build 目录下找到已经压缩好的 JS 文件。
示例代码
以下是一个简单的例子，假设我们有两个文件 foo.js 和 bar.js，分别包含如下代码：
-- -------------------- ---- ------- -- ------ -------- ----- - ------------------- ------- - -- ------ -------- ----- - ------------------- ------- -
我们希望将这两个文件压缩成一个名为 app.min.js 的文件，代码如下：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
------- -
---------- -
------ -
------------- ---------- ---------
-
-
-
---
-------------------------------------------
----------------------------- ------------
--执行 grunt 命令后，你将可以在根目录下看到生成的 app.min.js 文件，其中包含了压缩后的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49796