概述
在前端开发中，构建工具是非常重要的。其中，Grunt 是一个非常流行的构建工具，可以帮助我们完成诸如文件合并、压缩、测试等一系列任务。而 grunt-shimney-sweeper 就是一个可以帮助我们轻松清理旧版 grunt-shimney 产生的冗余代码的 Grunt 插件。
安装
在安装 grunt-shimney-sweeper 之前，你需要先安装 Grunt。如果你还没有安装 Grunt，可以通过以下命令进行安装：
npm install -g grunt-cli
安装完成后，再通过以下命令安装 grunt-shimney-sweeper：
npm install grunt-shimney-sweeper --save-dev
使用
配置 Gruntfile.js
使用 grunt-shimney-sweeper 需要在 Gruntfile.js 文件中进行配置。下面是一个基本的配置示例：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
---------------- -
-------- -
------ -----
------ ----
--
------------ -
-------- -
---- ------
----- ------
-
-
-
---
--------------------------------------------
----------------------------- ---------------------
-在上面的配置中，我们使用了 shimney_sweeper 插件，并将其绑定到默认任务中。options 对象用来设置一些选项，比如 force 表示强制清理，clean 表示清理之前是否删除目标目录。同时，我们还设置了 src 和 dest 两个目录用来指定源文件和目标文件夹。
运行任务
配置完成后，我们就可以通过 grunt 命令来运行任务了：
grunt
运行完成后，就会在 dist 目录下生成清理好的文件。
示例
下面是一个具体的示例，假设我们有以下两个文件：
-- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
----- ----------------
-----------------------
------- -------------------------------------------
------- ---------------------------------------------
------- ---------------------------------------------------------
-------
------
-------
-------
---- ------------ ---
-------------- - --------------- -
------------------
---------------- -
-------- -
------ -----
------ ----
--
------------ -
-------- -
---- ------
----- ------
-
-
-
---
--------------------------------------------
----------------------------- ---------------------
-运行 grunt 后，会在 dist 目录下生成以下文件：
dist ├── Gruntfile.js └── index.html
可以看到，jquery.min.js、angular.min.js 和 bootstrap.min.js 这三个文件被成功清理掉了。
总结
通过本文的介绍，我们了解了 Grunt 的一个非常有用的插件 grunt-shimney-sweeper，并进行了详细的使用说明。希望这篇文章能够对你在前端开发中使用 Grunt 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f216f4f403f2923b035c6ab