@Tricky_kid

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

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?
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 2
sharnirio
@sharnirio
Front-end developer
как вариант не соответствует структура папок и в итоге watch просто ссылается на несуществующие папки
Ответ написан
Комментировать
andykov
@andykov
Shit happens
В дефолт таске ошиблись, watch выпал
gulp.task("default", gulp.parallel("less", "browser-sync", "watch"));
// или
gulp.task("default",
    gulp.series(
        gulp.parallel("less"),
        gulp.parallel("browser-sync", "watch")
    )
);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы