Как переключатся между html страницами, в gulp?

В Gulp.js, существует несколько способов настройки переключения между HTML страницами.

Первый способ - использование плагина gulp-connect:
1. Установите gulp-connect, выполнив команду npm install --save-dev gulp-connect.
2. Создайте Gulp-задачу для запуска сервера и подключите плагин:

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

gulp.task('server', function() {
  connect.server({
    root: 'dist', // папка, в которой находится ваш собранный проект
    livereload: true
  });
});

3. Создайте Gulp-задачу для копирования HTML файлов в папку dist:

gulp.task('html', function() {
  return gulp.src('src/*.html')
    .pipe(gulp.dest('dist'))
    .pipe(connect.reload());
});

4. Запустите задачу server, чтобы запустить сервер:

gulp server

5. Запустите задачу html, чтобы скопировать HTML файлы в папку dist:

gulp html

Теперь вы можете открыть свой проект в браузере по адресу http://localhost:8080/ и переключаться между страницами.

Второй способ - использование плагина gulp-nunjucks-render:
1. Установите gulp-nunjucks-render, выполнив команду npm install --save-dev gulp-nunjucks-render.
2. Создайте Gulp-задачу для рендеринга HTML страниц из Nunjucks шаблонов:

const gulp = require('gulp');
const nunjucksRender = require('gulp-nunjucks-render');

gulp.task('html', function() {
  return gulp.src('src/*.html')
    .pipe(nunjucksRender({
      path: ['src/templates'] // путь к папке с Nunjucks шаблонами
    }))
    .pipe(gulp.dest('dist'));
});

3. Запустите задачу html, чтобы создать HTML страницы:

gulp html

Теперь вы можете открыть HTML страницы, сгенерированные в папке dist.

В обоих случаях, чтобы переключиться между HTML страницами, просто измените путь в адресной строке вашего браузера. Например, если у вас есть две страницы - index.html и about.html, то вы можете переключиться на about.html, перейдя по адресу http://localhost:8080/about.html (для первого способа) или открыть файл about.html в папке dist (для второго способа).