Gulpda saqlashdan oldin papkani tozalash

Siz allaqachon e'tibor bergan bo'lsangiz kerak, fayllar papkaga saqlanganda, Gulp undan oldingi fayllarni o'chirmaydi.

Buning yuz berishi uchun maxsus del plaginini o'rnatish kerak.

Uni quyidagi buyruqni bajarib o'rnatamiz:

npm install del --save-dev

Ushbu plagin ilgari ishlatganlarimizdan farq qiladi, chunki u pipe zanjiridan tashqarida ishlatiladi. Shuning uchun bu holda biz vazifalar guruhini yaratishimiz kerak: birinchi vazifa papkani tozalash, ikkinchi vazifa foydali ishni bajarish bo'ladi.

Misol uchun foydali ish sifatida CSSni minimallashtirishni tanlaylik.

Keling, kerakli hamma narsani ulaymiz:

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

Keling, dist papkasini tozalash vazifasini yaratamiz:

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

Keling, CSSni minimallashtirish vazifasini yaratamiz:

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

Keling, vazifalar seriyasini bajaramiz:

exports.default = series(taskDel, taskCss);

Keling, hammasini birlashtiramiz va quyidagi kodni hosil qilamiz:

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

exports.default = series(taskDel, taskCss);

JavaScriptni minimallashtirish uchun vazifa yarating. Vazifani har bir ishga tushirishdan oldin papkani tozalang.

Uchta vazifadan iborat guruh yarating: papkani tozalash vazifasi, CSSni minimallashtirish vazifasi va JavaScriptni minimallashtirish vazifasi. Qaysi vazifalar ketma-ket, qaysilari parallel bajarilishini aniqlang.