Membersihkan Folder Sebelum Menyimpan dalam Gulp

Anda pasti sudah perhatikan bahawa apabila fail disimpan ke dalam folder, Gulp tidak memadam fail sebelumnya daripadanya.

Untuk ini berlaku, anda perlu memasang pemalam khas del.

Mari pasangkannya dengan menjalankan arahan berikut:

terminalnpm install del --save-dev

Pemalam ini berbeza daripada yang kami gunakan sebelum ini kerana ia digunakan di luar rantaian kaedah pipe. Oleh itu, dalam kes ini kita perlu mencipta kumpulan tugasan: tugasan pertama adalah untuk membersihkan folder, dan tugasan kedua akan melakukan kerja yang berguna.

Sebagai contoh, mari pilih meminimumkan CSS sebagai kerja yang berguna.

Mari sambungkan semua yang diperlukan:

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

Mari buat tugasan untuk membersihkan folder dist:

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

Mari buat tugasan untuk meminimumkan CSS:

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

Mari laksanakan siri tugasan:

javascriptexports.default = series(taskDel, taskCss);

Mari kumpulkan semuanya dan dapatkan kod berikut:

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

exports.default = series(taskDel, taskCss);