Есть 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
});
в чем может быть проблема? как сделать верную настройку для автообновления?