Compiling modified Pug.js files?

Question

JavaScript

Good day, toasters.
I use html template engine - pug.js in conjunction with gulp. Wrote a task

gulp.task("compile:views", function() {
  return gulp.src('source/pug/*.pug')
    .pipe($.plumber())
    .pipe($.pug({
      pretty: true
    }))
    .pipe(gulp.dest('build/'))
    .pipe($.notify( { title: 'Compile:views' , message: 'Compile:views task completed'} ))
});

There are a couple of files article.pug and index.pug, they include _header.pug. How do I make sure that when any partial component changes, files that include this _header. Gulp-remember, gulp-changed, gulp-cached don't work. Or I have crooked hands. Please help, I'll start spitting soon. I've been sitting for 3 days, I can't implement what seems to be an easy task.
Thank you.

Answer 1

No plugin is needed, we use the standard gulp watcher. On the Gulp4 syntax it will look like this: For Gulp3:
gulp.watch('app/**/*.pug', ['pug']);

Answer 2

You can try this module , I also have similar functionality implemented in my assembly (only if you like BEM).