Gulp'то сактаардан мурун папканы тазалоо

Сиз буга чейин эле көңүл бургансыздар, Gulp файлдарды папкага сактаганда, мурдагы файлдарды анан өчүрбөйт.

Бул ишке ашушу үчүн, атайын плагин del орнотуу керек.

Төмөнкү команданы иштетеле төмөнкү плагинди орнотойлу:

terminalnpm install del --save-dev

Бул плагин биз буга чейин колдонгондордон айырмаланып, pipe ыкмалар тизмесинен тышкары колдонулат. Ошондуктан, бул учурда биз тапшырмалар тобун түзүшүбүз керек: биринчи тапшырма папканы тазалоого, экинчиси пайдалуу ишти аткарууга багытталат.

Мисал катары, пайдалуу иш катары CSS'ти минимизациялоону тандайлы.

Керектүү нерсенин баарын кошуп алалы:

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

dist папкасын тазалоо тапшырмасын жазалы:

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

CSS'ти минимизациялоо тапшырмасын жазалы:

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

Тапшырмалар сериясын аткаралы:

javascriptexports.default = series(taskDel, taskCss);

Баарын бириктирип, төмөнкү кодду алабыз:

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

exports.default = series(taskDel, taskCss);
Задание 1

JavaScript'ти минимизациялоо тапшырмасын жасаңыз. Ар бир тапшырманы иштетүүдөн мурун папканы тазалаңыз.

Задание 2

Үч тапшырмадан турган топ түзүңүз: папканы тазалоо тапшырмасы, CSS'ти минимизациялоо тапшырмасы жана JavaScript'ти минимизациялоо тапшырмасы. Кайсы тапшырмалар иреттүү аткарылышы керек, кайсылары параллель аткарылышы керек экенин аныктаңыз.