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:

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

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

Mari buat tugasan untuk membersihkan folder dist:

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

Mari buat tugasan untuk meminimumkan CSS:

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

Mari laksanakan siri tugasan:

exports.default = series(taskDel, taskCss);

Mari kumpulkan semuanya dan dapatkan kod 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 tugasan untuk meminimumkan JavaScript. Bersihkan folder sebelum setiap pelancaran tugasan.

Buat kumpulan daripada tiga tugasan: tugasan untuk membersihkan folder, tugasan untuk meminimumkan CSS dan tugasan untuk meminimumkan JavaScript. Tentukan tugasan mana yang perlu dilaksanakan secara berurutan, dan mana yang boleh - secara selari.