在前端开发中，我们经常需要在开发过程中清理一些文件，比如删除旧的编译文件、清除临时文件等等。grunt-clear 是一个可以帮助我们清除文件的 npm 包，本文将介绍如何使用它。
安装
安装 grunt-clear 可以使用 npm 命令：
npm install grunt-clear --save-dev
这里采用 --save-dev 的方式安装，因为 grunt-clear 是一个编译时使用的包，只在开发阶段需要使用，发布后不需要用到。
配置
在 Gruntfile.js 中引入 grunt-clear：
-- -------------------- ---- ------- -------------- - --------------- - -- ------ ---------------------------------- -- ---- -- --- -- ------ --------------------------- ----------- --
这里定义了一个 clean 任务，它依赖于 clear 任务。其中，grunt.loadNpmTasks('grunt-clear'); 语句用于加载 grunt-clear 包，并使得 grunt 可以在默认任务中使用它。
接着，在配置中定义 clear 任务：
-- -------------------- ---- -------
------ -
-------- -
-- --------------
------- ---------- ---------
--
------ -
-- --------
---- ---------- ---------
--
--这里定义了 clear 任务，并且给它添加了一些选项。options 中的 target 属性可以指定一些目标文件夹，用于打印将要被清除的文件列表。在开发时，如果你想查看将要被删除的文件列表，可以使用 grunt clear:options 命令来查看。build 选项用于指定要清除的文件。
使用
添加好配置后，就可以使用 grunt clean 命令来清除文件了：
grunt clean
这条命令将删除我们在配置中指定的文件，如果你使用了 target 选项，还会先打印清除的文件列表。
示例代码
为了更好的理解 grunt-clear 包的使用方法，这里提供一个简单的例子：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
------ -
-------- - ------- ---------- --------- --
----- - ---- ----------------- --
---- - ---- ---------------- --
--- - ---- --------------- --
---- - ---- ---------- -
-
---
----------------------------------
--------------------------- ----------------- --------------
--这里定义了 4 个子任务（html、css、js、all），分别用于删除 HTML 文件、CSS 文件、JS 文件以及所有文件。clear 任务也增加了 target 选项，这里将要清除的目录设为了全部的文件，因为分别指定目录太过麻烦。最后，在 clean 任务中，我们按顺序执行了 clear:options 和 clear:all 两个任务，前者将打印清除的文件列表，后者将清除全部文件。
以上就是 grunt-clear 包的使用教程，希望能够对你的开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57625