Как настроить browser-sync в gulp 4?

Question

[Сергей Васенин]

Доброго времени может кто нибудь помочь настроить browser-sync в gulp 4. до этого настраивал в gulp 3. Проблем не было сейчас же посмотрел кучу роликов и сайтов и так ничего не понял. На данный момент я хочу настроить только browser-sync без sass и прочего

Comments

[Егор Бабинцев]

Я правильно понимаю, что нужно просто запустить локальный сервер и все? Без live reload даже?

[Сергей Васенин]

Егор Бабинцев, что бы обновлялась страница и все

Answer 1

[Yan Markov]

const browserSync = require('browser-sync');

let config = {
    server: {
        baseDir: "./dist"
    },

    host: 'localhost',
    port: 3000,
    logPrefix: "Site"
};

gulp.task('webserver', function () {
    browserSync(config);
});

В остальных тасках допишите после последнего .pipe:

.pipe(reload({
    stream: true
}));

Ну и не забудьте про gulp.watch для файлов, изменение которых хотите отслеживать