Gulp-এ সংরক্ষণের আগে ফোল্ডার পরিষ্কার করা

আপনি নিশ্চয়ই লক্ষ্য করেছেন যে, Gulp ফোল্ডারে ফাইল সংরক্ষণ করার সময়, সেখান থেকে আগের ফাইলগুলি মুছে ফেলে না।

এটি ঘটানোর জন্য, একটি বিশেষ প্লাগইন del ইন্সটল করতে হবে।

নিম্নলিখিত কমান্ডটি executing করে এটি ইন্সটল করি:

terminalnpm install del --save-dev

এই প্লাগইনটি আগে আমরা যেগুলো ব্যবহার করেছি তার থেকে আলাদা, কারণ এটি pipe মেথডের চেইনের বাইরে ব্যবহার করা হয়। তাই এই ক্ষেত্রে আমাদের টাস্কের একটি গ্রুপ তৈরি করতে হবে: প্রথম টাস্কটি ফোল্ডার পরিষ্কার করার জন্য হবে, এবং দ্বিতীয়টি productive কাজ করবে।

উদাহরণস্বরূপ, productive কাজ হিসেবে CSS মিনিমাইজেশন বেছে নেওয়া যাক।

আসুন সমস্ত প্রয়োজনীয় জিনিস connect করি:

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'));
}

সিরিজের টাস্কগুলি executing করি:

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);