Как сделать перезагрузку страницы с browsersync более логичной?

Question

[Егор Мордвинов]

На данный момент придумал костыль, при котором обновление стилей в браузере происходит только после сохранения именно файла со стилями и потом сохранения html файла, к которому подключен файл со всем собранными стилями.
Собственно таск в gulpfile.js

gulp.task('serve', function() {
    browserSync.init({
        port: 3000,
        notify: false,
        logPrefix: 'Project',
        server: {
            baseDir: './src'
        },
        files:["./src/index.html", "./src/style/сss/app.css"] //обновление при изменении конкретных файлов 
    });
    gulp.watch('./src/style/sass/*.scss', ['sass']); //смотрит за изменениями в кастомных файлах со стилями 
});

Таск sass

gulp.task('sass', function () {
  gulp.src(path.src.style.sass + "/app.scss") 
        .pipe(sass())
        .pipe(gulp.dest(path.src.style.css));
});

Таск sass компилирует все и скидывает в app.css, но все равно чтобы изменения отобразились в браузере требуется сохранить что-то в кастомных стилях (отрабатывает gulp.watch('./src/style/sass/*.scss', ['sass']);) и еще потом сохранить сам html, в котором подключен app.css. Хотелось бы чтобы это происходило в один клик, то есть сразу после сохранения в файле со стилями, но как это сделать нормально не могу придумать.

Answer 1

[Егор Мордвинов]

Готовое рабочее решение https://www.browsersync.io/docs/gulp
Невнимательно искал, извиняюсь.