Gulp में फ़ाइलों का नाम बदलना

CSS या JavaScript फ़ाइलों को मिनिफाई करते समय यह बहुत सुविधाजनक होगा यदि अनुकूलित फ़ाइलों के नाम में min के रूप में चिह्नित किया गया हो, उदाहरण के लिए, styles.min.css।

इसके लिए gulp-rename प्लगइन का उपयोग किया जाता है, जो सहेजने से पहले फ़ाइल का नाम बदल देता है। प्लगइन इंस्टॉल करने के लिए कमांड लाइन में निम्नलिखित कमांड चलाना आवश्यक है:

npm install gulp-rename --save-dev

आइए अब CSS मिनिफायर और इंस्टॉल किए गए नाम बदलने वाले प्लगइन को कनेक्ट करें:

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

आइए अब फ़ाइलों को सहेजने से पहले उनका नाम बदलें:

function task(cb) {
	return src('src/*.css')
		.pipe(cleanCSS())
		.pipe(rename({
				extname: '.min.css'
			})
		)
		.pipe(dest('dist'));
}

gulp-uglify प्लगइन का उपयोग करके JavaScript फ़ाइलों को मिनिफाई करें ताकि परिणामी फ़ाइलों का एक्सटेंशन .min.js हो।