Why do all pug files compile when only one changes?

Question

Building projects

I collect pug files. Reloading pages with browsersync. But the page takes a long time to load because browsersync until all the pug files are collected. Although only one pug file has been changed.

gulp.task(function templates(cb) {
    const data = require('./templates/data/data.json');
    gulp.src('/pages/**/*.pug')
        .pipe(plumber())
        .pipe(pug({
            locals: data
        }).on('error', function(error) {
            console.log(error);
        }))
        .pipe(gulp.dest('dist/'))
    cb();
});

Answer 1

The answer here is what and how to optimize.
https://www.youtube.com/watch?v=jocvHauHcA4