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

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

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

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

terminalnpm install del --save-dev

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

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

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

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

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

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

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

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

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

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