Gulp में सेव करने से पहले फोल्डर की सफाई

आपने शायद पहले ही ध्यान दिया होगा कि, जब फाइलों को एक फोल्डर में सेव किया जाता है, Gulp उसमें पिछली फाइलों को हटाता नहीं है।

ऐसा होने के लिए, एक विशेष प्लगइन del इंस्टॉल करने की आवश्यकता होती है।

आइए निम्नलिखित कमांड चलाकर इसे इंस्टॉल करें:

npm install del --save-dev

यह प्लगइन पहले इस्तेमाल किए गए प्लगइन्स से इस मायने में अलग है कि इसका उपयोग pipe मेथड्स की चेन के बाहर किया जाता है। इसलिए इस मामले में हमें tasks के समूह बनाने होंगे: पहला task फोल्डर साफ़ करने का होगा, और दूसरा उपयोगी काम करेगा।

उदाहरण के तौर पर, उपयोगी काम के रूप में CSS को मिनिमाइज़ करना चुनते हैं।

आइए सभी आवश्यक चीजों को कनेक्ट करें:

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

आइए dist फोल्डर को साफ़ करने के लिए एक task बनाएं:

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

आइए CSS को मिनिमाइज़ करने के लिए एक task बनाएं:

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

आइए tasks की सीरीज को एक्सेक्यूट करें:

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 को मिनिमाइज़ करने के लिए एक task बनाएं। task को शुरू करने से पहले फोल्डर को साफ़ करें।

तीन tasks का एक समूह बनाएं: फोल्डर साफ़ करने का task, CSS को मिनिमाइज़ करने का task और JavaScript को मिनिमाइज़ करने का task। निर्धारित करें कि किन tasks को सीरीज में और किन को समानांतर में एक्सेक्यूट किया जाना चाहिए।