Где я могу найти готовый таск для gulp-pug + browsersync?

Question

[Zbiten]

Собственно вопрос в названии.
Нужен таск для автокомпиляции pug в html, плюс watch за всем этим делом.
Заранее благодарен!

Answer 1

[Олег]

Примерно так:

// Require
var gulp = require( 'gulp' );
var pug = require( 'gulp-pug' );
var browserSync = require( 'browser-sync' ).create();

// Compile
gulp.task( 'pug', function () {
  return gulp.src( 'pug/*.pug', { since: gulp.lastRun( 'pug' ) } )
  .pipe( pug() )
  .pipe( gulp.dest( './dist/' ) );
});

// BrowserSync
gulp.task( 'browsersync', function () {
  browserSync.init({ server: './dist/' });
  return browserSync.watch( '**/*.*' ).on( 'change', browserSync.reload );
});

// Watch
gulp.task( 'watch', function () {

  return gulp.watch( 'pug/*.pug', gulp.series( 'pug' ) );

});

// Default task
gulp.task( 'default', gulp.series( 'pug', gulp.parallel( 'browsersync', 'watch' ) ) );

// Пример для gulp#4.0

Answer 2

[Make Now]

4webfan.ru/pug-gulp