Where can I find a ready task for gulp-pug + browsersync?

Question

gulp.js

Actually the question is in the title.
You need a task to autocompile pug to html, plus watch for the whole thing.
Thanks in advance!

Answer 1

More or less like this:

// 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

http://www.4webfan.ru/pug-gulp