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:

npm 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:

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

Mari buat tugas untuk membersihkan folder dist:

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

Mari buat tugas untuk minifikasi CSS:

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

Mari jalankan seri tugas:

exports.default = series(taskDel, taskCss);

Mari gabungkan semuanya dan dapatkan kode berikut:

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

exports.default = series(taskDel, taskCss);

Buat tugas untuk minifikasi JavaScript. Bersihkan folder sebelum setiap menjalankan tugas.

Buat grup dari tiga tugas: tugas untuk membersihkan folder, tugas untuk minifikasi CSS dan tugas untuk minifikasi JavaScript. Tentukan, tugas mana yang harus dijalankan secara berurutan, dan mana yang dapat dijalankan secara paralel.