Как настроить Gulp так что б при изменения в sass файле, browsersync автоматически обновлял страницу?

Ругается и не работает

Как настроить Gulp так что б при изменения в sass файле, browsersync автоматически обновлял страницу?

Не работает

Как настроить Gulp так что б при изменения в sass файле, browsersync автоматически обновлял страницу?

const { src, dest, parallel, watch } = require('gulp');
const sass = require('gulp-sass');
const minifyCSS = require('gulp-csso');
const concat = require('gulp-concat');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();

function css() {
return src('src/sass/**/*.sass')
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(minifyCSS())
.pipe(dest('src/css'))
.pipe(browserSync.stream());
}

function js() {
return src('src/js/*.js')
.pipe(concat('app.min.js'))
.pipe(dest('src/js'))
}

function watch() {
gulp.watch(paths.source 'src/sass/styles.sass' ,sass);
}
exports.watch = watch;
exports.js = js;
exports.css = css;
exports.default = parallel( css, js);