Почему некорректно работает данный gulpfile?

Проблема в том, что после запуска watch для scss файлов отрабатывает только при первом изменении файла, для html вобще не работает, запускает bound и ничего не происходит. Из за чего это происходит и как исправить?

[Browsersync] Access URLs:
--------------------------------------
      Local: http://localhost:8000
    External: http://192.168.1.149:8000
--------------------------------------
          UI: http://localhost:3001
UI External: http://localhost:3001
--------------------------------------
[Browsersync] Serving files from: dist
[18:35:30] Starting 'sassCompilation'...
[Browsersync] 1 file changed (style.css)
[18:35:30] Finished 'sassCompilation' after 33 ms
[18:35:30] Starting 'browserSyncReload'...
[Browsersync] Reloading Browsers...
[18:35:39] Starting 'bound '...

"use strict";

const {
    series,
    parallel,
    src,
    dest,
    watch
} = require('gulp');
const bs = require('browser-sync').create();
const sass = require('gulp-sass');
const panini = require('panini');
const rimraf = require('rimraf');

function server() {
    bs.init({
        server: {
            baseDir: "dist",
        },
        port: 8000
    });
}

function sassCompilation() {
    return src('src/assets/scss/style.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(dest('dist/css'))
        .pipe(bs.stream());
}

function html() {
    return src('src/pages/*.html')
        .pipe(panini({
            root: 'src/pages/',
            layouts: 'src/layouts/',
            partials: 'src/partials/',
            data: 'src/data/',
            helpers: 'src/helpers/'
        }))
        .pipe(dest('dist/'));
}

function clean(done) {
    rimraf('dist', done);
}


exports.default = series(
    clean,
    sassCompilation,
    html,
    parallel(server, function () {
        watch('src/assets/scss/**/*', series(sassCompilation, bs.reload));
        watch('src/{layouts,partials,pages,helpers,data}/**/*', series(panini.refresh, html, bs.reload));
}));