Как настроить browser-sync для OpenServer?

Question

[DmitryKorol]

Добрый день. Недавно наконец настроил себе browser sync для gulp и ощутил насколько же это хорошо =)
Но есть проблема, не пойму как заставить его релоадить сайт на другом локальном сервере, в моем случае я с open-server работаю. Может быть кто-то уже решал такую проблему?

Comments

[Alexander Sigmanor]

А в чем собственно проблема? Запускал OpenServer и через browser sync все спокойно обновлялось.

[DmitryKorol]

в том что gulp поднимает свой сервер, и его же релоадит, насколько я понимаю.

[Павел]

решили проблему? У меня аналогичная ситуация

[DmitryKorol]

mrusklon: не совсем так как предполагал, но в целом..
если ставить BS не через галп, а через консоль то там есть обертка для динамических сайтов поднятых на локальном сервере. www.browsersync.io -> Dynamic sites
правда не получается, как в случае с галпом, настроить отслеживание изменений всех файлов в проекте

[Павел]

DmitryKorol: да , у меня вот в этом и проблема

Answer 1

[Глеб]

настроил следующим образом:

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "apple"
    });
});

gulp.task('bs-reload', function () {
    browserSync.reload();
});

gulp.task('watch-css', function () {
    gulp.watch("../assets/static_file/**/*.tpl", ['bs-reload'])
});

//default
gulp.task('default', ['browser-sync','watch-css']);

Comments

[xtozna]

Так оно конечно, работает, но вот если подгружать нужно только css файлы без перезагрузки всей страницы, то так не срабатывает(тоже OpenServer, сайт на Symphony) gulp.task('frontStyles', function () {
return gulp.src(path.src.style.client)
.pipe(sourcemaps.init())
.pipe(sass.sync().on('error', sass.logError))
.pipe(minifyCss())
.pipe(sourcemaps.write())
.pipe(gulp.dest(path.build.style.client))
.pipe(browserSync.stream());
});