Membersihkan Folder Sebelum Menyimpan di Gulp

Anda pasti sudah memperhatikan bahwa ketika menyimpan file ke dalam folder, Gulp tidak menghapus file-file sebelumnya darinya.

Agar hal itu terjadi, kita perlu menginstal plugin khusus del.

Mari instal dengan menjalankan perintah berikut:

terminalnpm install del --save-dev

Plugin ini berbeda dari yang kita gunakan sebelumnya karena digunakan di luar rangkaian method pipe. Oleh karena itu, dalam kasus ini kita harus membuat grup tugas: tugas pertama adalah untuk membersihkan folder, dan tugas kedua akan melakukan pekerjaan yang bermanfaat.

Sebagai contoh, mari kita pilih minifikasi CSS sebagai pekerjaan yang bermanfaat.

Mari hubungkan semua yang diperlukan:

javascriptlet {src, dest, series} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let del = require('del');

Mari buat tugas untuk membersihkan folder dist:

javascriptfunction taskDel(cb) {
  return del('dist/*');
}

Mari buat tugas untuk minifikasi CSS:

javascriptfunction taskCss(cb) {
  return src('src/*.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}

Mari jalankan seri tugas:

javascriptexports.default = series(taskDel, taskCss);

Mari gabungkan semuanya dan dapatkan kode berikut:

javascriptfunction taskDel(cb) {
  return del('dist/*');
}
function taskCss(cb) {
  return src('src/*.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}

exports.default = series(taskDel, taskCss);