Как настроить Gulpfile.js?

Question

[Tricky_kid]

gulpfile выглядит так:

var gulp = require('gulp'),
    less = require("gulp-less");
    browserSync = require("browser-sync");

gulp.task("less", function() {
    return gulp.src("app/less/main.less")
        .pipe(less())
        .pipe(gulp.dest("app/css"))
        .pipe(browserSync.reload({stream: true}))
});

gulp.task("browser-sync", function() {
    browserSync ({
        server: {
            baseDir: "app"
        },
    });
});

gulp.task("watch", function() {
    gulp.watch("app/less/**/*.less", gulp.series("less"));
});

gulp.task("default", gulp.series(gulp.parallel("less", "browser-sync"), "watch"));

Запускаем

$ gulp
[18:48:19] Using gulpfile c:\Users\Ant\Desktop\HTML\Exercises\gulpfile.js
[18:48:19] Starting 'default'...
[18:48:19] Starting 'less'...
[18:48:19] Starting 'browser-sync'...
[18:48:19] Finished 'less' after 212 ms
[Browsersync] Access URLs:
-------------------------------------
Local: localhost:3000
External: 192.168.1.54:3000
-------------------------------------
UI: localhost:3001
UI External: localhost:3001
-------------------------------------
[Browsersync] Serving files from: app

В итоге watch не работает. Подскажите, что не так записано в gulpfile?

Answer 1

[Vyach Gor]

как вариант не соответствует структура папок и в итоге watch просто ссылается на несуществующие папки

Answer 2

[Андрей Б.]

В дефолт таске ошиблись, watch выпал

gulp.task("default", gulp.parallel("less", "browser-sync", "watch"));
// или
gulp.task("default",
    gulp.series(
        gulp.parallel("less"),
        gulp.parallel("browser-sync", "watch")
    )
);