Gulp и gulp-less на MacOs и не только

Пишу пост с желанием помочь кто столкнется с данной проблеммой. Суть в том что при работе с gulp и установке gulp-less возникает проблемма с заполнением gulpfile.js так как в 4 версии gulp появились небольшие изменения в плане синтаксиса. Поэтому чтобы кто столкнется с данной проблеммой можете взять готовое решение. Подчеркну что работает для less по сути можно переписать и на sass. Скажу сразу что за основу был взят стандартный код и немного видоизменен. Код проверен и все работает - компиляция, отслеживание, сервер. Необходимые пакеты - gulp, gulp-less, browser-sync. Код прилагаю.

var gulp = require('gulp');
var less = require('gulp-less');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;

gulp.task('compile-less', gulp.series( function(done) {
gulp.src('./src/less/*/.less')
.pipe(less())
.pipe(gulp.dest('./build/css/'));
done();
}));

gulp.task('watch-less', gulp.series(function(done) {
gulp.watch('./src/*/.less' , gulp.series('compile-less'));
done();
}));

gulp.task('serve', gulp.series(function (done) {

browserSync.init({
    server: {
        baseDir: "./build/"
    }
});
gulp.watch("./src/**/*.less").on("change", reload);
gulp.watch("./build/*.html").on("change", reload);
done();

}));

gulp.task('default', gulp.series('watch-less', 'serve'));