Gulp में फ़ाइलों का मिनिमाइज़ेशन

आइए अब सीखते हैं कि फ़ाइलों के एक समूह पर ऑपरेशन कैसे लागू करें। सबसे पहले, CSS फ़ाइलों को मिनिमाइज़ करेंगे। यह प्लगइन gulp-clean-css का उपयोग करके किया जाता है।

सबसे पहले, इस प्लगइन को हमारे प्रोजेक्ट में इंस्टॉल करना आवश्यक है:

npm install gulp-clean-css --save-dev

इसके बाद, इंस्टॉल किए गए प्लगइन को इम्पोर्ट करें:

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

इसे किसी फ़ाइल के लिए उपयोग करें:

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

फ़ाइलों के एक समूह के लिए हमारे प्लगइन का उपयोग करें:

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

प्लगइन gulp-uglify का उपयोग करके JavaScript फ़ाइलों के एक समूह को मिनिमाइज़ करें।