Настройка Browser-sync для PHP (Apache)

Не получается сделать так, чтобы браузер перезагружал страницы из папки Example при их изменении. У меня стоит сборка Xampp (Apache). Как Нужно настроить Gulp чтобы он воспринимал файлы с локального сервера? И в какую директорию лучше класть gulpfile.js?

gulpfile.js

var gulp        = require('gulp');
var browserSync = require('browser-sync');
var reload      = browserSync.reload;
var connectPHP = require('gulp-connect-php');
var paths = {
  html:['./*.php']
};
gulp.task('html', function(){
  gulp.src(paths.html)
  .pipe(reload({stream:true}));
});
gulp.task('browserSync', function() {
  browserSync({
    proxy:'127.0.0.1',
    port:8080
  });
});
gulp.task('php', function(){
  connectPHP.server({ base: './', keepalive:true, hostname: 'localhost', port:8080, open: false});
});
gulp.task('watcher',function(){
  gulp.watch(paths.html, ['html']);
});
gulp.task('default', ['watcher', 'browserSync', 'php']);

UPDATE

Директория: xampp/htdocs/Example/..

Файлы в Example:

1. index.html
2. example.php
3. example.css
4. gulpfile.js