Gulp. Настроить компиляцию Less (BrowserSync)

Только недавно решил изучить gulp. Хочу чтобы компиляция less в css была через автообновление браузера browsersync. Пока есть два отдельных таска: 1)Browsersync 2) компиляция less. Как их объединить чтобы работали пока не понял. Вот сам код.

var gulp = require('gulp');
var less = require('gulp-less')
var concatCSS = require('gulp-concat-css');
var minify = require('gulp-clean-css');
var browserSync = require('browser-sync').create();


gulp.task('serve', function() {
    browserSync.init({
        server: {
            baseDir: "./src"
        }
    });
    browserSync.watch('src', browserSync.reload)
});

gulp.task('style', function () {
  return gulp.src('src/less/*.less')
    .pipe(less())
    .pipe(concatCSS("style.min.css"))
    .pipe(minify())
    .pipe(gulp.dest('src/css/'));
    gulp-parallel('serve')
});