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

Доброго времени может кто нибудь помочь настроить browser-sync в gulp 4. до этого настраивал в gulp 3. Проблем не было сейчас же посмотрел кучу роликов и сайтов и так ничего не понял. На данный момент я хочу настроить только browser-sync без sass и прочего
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
mroforolhc
@mroforolhc
умственно отсталый
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 для файлов, изменение которых хотите отслеживать
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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