Как в gulp работать с несколькими html файлами?

@stanford_mosciski 

В Gulp для работы с несколькими HTML файлами можно использовать следующий подход:

1. Установите плагин gulp-htmlmin, который минифицирует HTML файлы. Выполните команду в терминале:

1

npm install gulp-htmlmin --save-dev

1. Создайте задачу в Gulp для обработки HTML файлов. В этой задаче вы можете указать исходные файлы, на которых будет выполняться минификация и дополнительные действия, такие как перенос файлов в определенную папку. Пример задачи может выглядеть следующим образом:

1
2
3
4
5
6
7
8

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

gulp.task('html', () => {
  return gulp.src('src/*.html')   // указываем исходные файлы
    .pipe(htmlmin({ collapseWhitespace: true }))   // минифицируем HTML
    .pipe(gulp.dest('dist'));   // сохраняем результат в указанную папку
});

1. Запустите задачу в Gulp, выполнив команду gulp html в терминале. Ко***** будет искать исходные файлы "*.html" в папке "src", минифицировать их с помощью плагина htmlmin, а затем сохранить результат в папке "dist".

Обратите внимание, что в примере используется пакет gulp-htmlmin для минификации HTML файлов. Этот плагин имеет различные настройки, которые можно настроить по своему усмотрению, например, удаление комментариев или удаление пустых атрибутов.