Как настроить browserSync, для dev версии сайта на php работающего через docker?

Есть dev версия сайта, окружение поднято через docker
как правильно настроить browserSync в галпе, чтобы он рефрешил страницу при изменениях css?
сайт с запущенным докером доступен по test.dev
на докере nginx, php71, mysql, memcash

для статичных html делал так:
gulp.task('browser-sync', function() { // Создаем таск browser-sync
    browserSync({ // Выполняем browserSync
        server: { 
            baseDir: 'app'
        },
        notify: false
    });
});

gulp.task('watch', ['browser-sync'], function() {
    gulp.watch('app/**/*.css', browserSync.reload); // Наблюдение за css

но для php не подходит, поэтому стал пробовать другие варианты

пример ниже открывает страницу test.dev как нужно, но не обновляет при изменении

var gulp = require('gulp'), // Подключаем Gulp
      browserSync = require('browser-sync'), 
      connectPHP = require('gulp-connect-php'); 

gulp.task('php', function () {
    connectPHP.server({base: './', keepalive: true, hostname: 'http://test.dev', port: 80, open: false});
});

gulp.task('browser-sync', function () { // Создаем таск browser-sync
    browserSync({ // 
        proxy: "http://test.dev",
        port: 80,
        notify: true,
    });
});
gulp.task('watch', ['browser-sync'], function () {
    gulp.watch('web/**/*.css', browserSync.reload); // Наблюдение за css
});


в чем может быть проблема? как сделать верную настройку для автообновления?
  • Вопрос задан
  • 992 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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