如果你是前端开发人员，想要更加高效地完成工作，那么你一定会使用 Gulp 来自动化构建你的项目。在 Gulp 中，一个重要的任务就是清理目录，以便重新生成构建文件。而 gulp-cleanup-dest 是一个十分实用的 npm 包，他可以帮助你更加方便地清理目录。在本篇文章中，我们将给出 gulp-cleanup-dest 的使用教程，并提供示例代码。
什么是 gulp-cleanup-dest？
gulp-cleanup-dest 是一个 Gulp 插件，它可以删除一个目录下的所有文件和子目录，以便重新生成构建文件。
如何使用 gulp-cleanup-dest？
我们可以先通过 npm 安装 gulp-cleanup-dest：
npm install gulp-cleanup-dest --save-dev
然后在 Gulpfile.js 中引入它，生成一个清理目录的任务：
var gulp = require('gulp');
var del = require('gulp-cleanup-dest');
gulp.task('clean', function(cb) {
del('dist/**', cb);
});这样，我们就创建了一个名为“clean”的任务，在运行它时，它将删除 dist 目录下的所有文件和子目录。
进阶使用
有时候，我们并不希望自己的源码被清理掉。这时，我们可以使用 gulp-cleanup-dest 的 filter 方法：
var gulp = require('gulp');
var del = require('gulp-cleanup-dest');
gulp.task('clean', function(cb) {
del('dist/**', cb).filter(['**', '!dist', '!dist/**']);
});这个 filter 方法接受一个数组作为参数，用来指定需要保留的文件或目录，以列表的形式罗列出来。在上面的例子中，我们过滤掉了 dist 目录及其子目录，以保留我们的源码。
总结
gulp-cleanup-dest 是一个非常实用的 npm 包，它为我们的前端开发提供了方便，当我们在使用 Gulp 进行构建时，可以让我们更加高效地完成工作。在文章中，我们介绍了 gulp-cleanup-dest 的基本用法以及一些进阶使用技巧，帮助大家更加深入地了解和运用 gulp-cleanup-dest。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005558b81e8991b448d2b31