Минификация и сжатие HTML в GULP 4

25.04.2019
TemplateMonster - лучшая коллекция шаблонов для CMS WordPress

Уменьшаем вес файлов HTML – для этого убираем все переносы и лишние пробелы, а так же все комментарии. Данную задачу выполняем при билде продакшена, потому что при разработке нам не нужны минифицированные файлы, нужно удобная, понятная структура и в некоторых моментах комментарии кода.

Подключаемые пакеты:

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

Задача на сжатие файлов .html:

// Optimize HTML
gulp.task('minify-html', function() {
  return gulp.src('app/**/*.html') // указываем пути к файлам .html
  .pipe(htmlmin({
    collapseWhitespace: true, // удаляем все переносы
    removeComments: true // удаляем все комментарии
  }))
  .pipe(gulp.dest('dist')); // оптимизированные файлы .html переносим на продакшен
});
TemplateMonster - лучшая коллекция шаблонов для CMS WordPress

Полезная инфа:

Оставить комментарий