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

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

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

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

npm install del --save-dev

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

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

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

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

dist ফোল্ডার পরিষ্কার করার জন্য একটি টাস্ক তৈরি করি:

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

CSS মিনিমাইজেশন করার জন্য একটি টাস্ক তৈরি করি:

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

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

exports.default = series(taskDel, taskCss);

সব একত্রিত করি এবং নিম্নলিখিত কোড পাই:

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

exports.default = series(taskDel, taskCss);

JavaScript মিনিমাইজেশন করার জন্য একটি টাস্ক তৈরি করুন। প্রতিবার টাস্ক run করার আগে ফোল্ডারটি পরিষ্কার করুন।

তিনটি টাস্কের একটি গ্রুপ তৈরি করুন: ফোল্ডার পরিষ্কারের টাস্ক, CSS মিনিমাইজেশনের টাস্ক এবং JavaScript মিনিমাইজেশনের টাস্ক। নির্ধারণ করুন, কোন টাস্কগুলি ক্রমানুসারে executing করা উচিত, এবং কোনগুলি - সমান্তরালভাবে।