gulp
HTML को छोटा करना

HTML को gulp-htmlmin का उपयोग करके छोटा करें

सबसे पहले, स्थानीय रूप से प्रोजेक्ट डायरेक्टरी के लिए gulp और gulp-htmlmin स्थापित करें

npm install --save-dev gulp gulp-htmlmin

फिर अपने gulpfile.js में minify-html कार्य gulpfile.js

var gulp = require('gulp');
var htmlmin = require('gulp-htmlmin');

// Task to minify HTML
gulp.task('minify-html', function() {
return gulp.src('source/*.html')
.pipe(htmlmin())
.pipe(gulp.dest('public/'));
});

gulp.task('watch', function (){
    gulp.watch('source/*.html', ['minify-html']);
// other tasks
});

gulp.task('default', ['minify-html', 'watch']);

यह कार्य एक .html एक्सटेंशन के साथ source निर्देशिका में सभी फ़ाइलों को ढूँढता है, उन्हें निर्दिष्ट करता है और फिर परिणामी फ़ाइलों को public निर्देशिका में आउटपुट करता है।

कोड में कार्य को 'default' कार्य के लिए एक निर्भरता के रूप में जोड़ा जाता है, इसलिए हर बार default से चलने से पहले, minify-html चलेगा।

आप कमांड चलाकर मैन्युअल रूप से minify-html कार्य को भी कॉल कर सकते हैं:

gulp minify-html