删除文件和文件夹

你也许会想要在编译文件之前删除一些文件。由于删除文件和文件内容并没有太大关系，所以，我们没必要去用一个 gulp 插件。最好的一个选择就是使用一个原生的 node 模块。

因为 del 模块支持多个文件以及 globbing，因此，在这个例子中，我们将使用它来删除文件：

$ npm install --save-dev gulp del

假想有如下的文件结构：

.
├── dist
│   ├── report.csv
│   ├── desktop
│   └── mobile
│       ├── app.js
│       ├── deploy.json
│       └── index.html
└── src

在 gulpfile 中，我们希望在运行我们的编译任务之前，将 mobile 文件的内容先清理掉：

var gulp = require('gulp'
var del = require('del'

gulp.task('clean:mobile', function (cb) {
  del([
    'dist/report.csv',
    // 这里我们使用一个通配模式来匹配 `mobile` 文件夹中的所有东西
    'dist/mobile/**/*',
    // 我们不希望删掉这个文件，所以我们取反这个匹配模式
    '!dist/mobile/deploy.json'
  ], cb
}

gulp.task('default', ['clean:mobile']

在管道中删除文件

你可能需要在管道中将一些处理过的文件删除掉。

我们使用 vinyl-paths 模块来简单地获取 stream 中每个文件的路径，然后传给 del 方法。

$ npm install --save-dev gulp del vinyl-paths

假想有如下的文件结构：

.
├── tmp
│   ├── rainbow.js
│   └── unicorn.js
└── dist

var gulp = require('gulp'
var stripDebug = require('gulp-strip-debug' // 仅用于本例做演示
var del = require('del'
var vinylPaths = require('vinyl-paths'

gulp.task('clean:tmp', function () {
  return gulp.src('tmp/*')
    .pipe(stripDebug())
    .pipe(gulp.dest('dist'))
    .pipe(vinylPaths(del)
}

gulp.task('default', ['clean:tmp']

只有在已经使用了其他的插件之后才需要这样做，否则，请直接使用 gulp.src 来代替。