gulpで画像を同時に削除したい

Question

###前提・実現したいこと
gulpで「src」フォルダをwatchして、コンパイルや画像圧縮などをして「product」フォルダに出力しているようにしています。
今回実現したいのは、たとえば「src」の「images」フォルダに画像をいれたら、「product」の「images」フォルダに出力されるのですが、「src」の「images」フォルダの画像を削除したら「product」の「images」フォルダ内の同名画像も削除したいのですが実現できるのでしょうか。
お知恵をお貸しください。

フォルダ階層

project
├ src
│ └images
│ └image.png
├ product
│ └images
│ └image.png
├ gulpfile.js
└ package.json

gulpfile.jsの中身

var gulp = require('gulp');
var plumber = require('gulp-plumber');
var imageMin = require('gulp-imagemin');
var cache = require('gulp-cache');

// image
gulp.task('image',function(){
    gulp.src(['src/images/**/*'])
        .pipe(plumber())
        .pipe(cache(imageMin()))
        .pipe(gulp.dest('product/images'))
});

// watch
gulp.task('default', function() {
    gulp.watch("src/images/**/*",["image"]);
});

###補足情報(言語/FW/ツール等のバージョンなど)
gulp：3.9.1

どうぞよろしくお願いいたします。

Answer 1

コードを書いていますが、過去に同じような質問があったので、そちらも参考にしてみてください。
gulpでのファイル削除やリネームについて

var gulp = require('gulp');
var plumber = require('gulp-plumber');
var imageMin = require('gulp-imagemin');
var cache = require('gulp-cache');
var del = require('del');

// clean
gulp.task('clean', function () {
  del(['product/images']);
});

// image
gulp.task('image',function(){
    gulp.src(['src/images/**/*'])
        .pipe(plumber())
        .pipe(cache(imageMin()))
        .pipe(gulp.dest('product/images'))
});

// watch
gulp.task('default', function() {
    gulp.watch("src/images/**/*",['clean', "image"]);
});

Comments

[agumon]

なるほど！
一度破壊神になればいいのですね。
大変参考になりました。
ありがとうございました。