Как настроить плагин panini в Gulp, чтобы он корректно обрабатывал файлы .pug?

Как настроить плагин `panini` в Gulp, чтобы он мог обрабатывать файлы с расширением `.pug`?
  • 13 марта 2024 г. 4:49
Ответы на вопрос 1
Для того чтобы настроить плагин `panini` в Gulp для обработки файлов `.pug`, необходимо сначала установить пакет `gulp-pug` для компиляции `.pug` файлов.

1. Установите пакеты `panini` и `gulp-pug`:
```
npm install panini gulp-pug --save-dev
```

2. Добавьте следующий код в файл `gulpfile.js`, чтобы настроить `panini` для обработки файлов `.pug`:
```javascript
const gulp = require('gulp');
const panini = require('panini');
const pug = require('gulp-pug');

gulp.task('panini', function() {
  gulp.src('src/pages/**/*.pug')
    .pipe(pug())
    .pipe(panini({
      root: 'src/pages/',
      layouts: 'src/layouts/',
      partials: 'src/partials/',
      data: 'src/data/',
      helpers: 'src/helpers/'
    }))
    .pipe(gulp.dest('dist/'));
});

gulp.task('watch', function() {
  gulp.watch(['src/pages/**/*.pug', 'src/layouts/**/*.pug', 'src/partials/**/*.pug'], gulp.series('panini'));
});

gulp.task('default', gulp.series('panini', 'watch'));
```

3. Теперь вы можете запустить `gulp` в терминале, чтобы начать обработку файлов `.pug` с помощью `panini`:
```
gulp
```

Теперь `panini` будет успешно обрабатывать файлы `.pug` и собирать готовые страницы в папке `dist/`.
Похожие вопросы