title: browserSync not working in gulpfile
body: <p>i am new to node.js and gulp.
  I am trying to a get browserSync working with php and a watch on the scss files, to compile them automatically.</p>
  
  <p>Here is my gulpfile.</p>
  
  <pre><code>var gulp = require('gulp');
  var connectPHP = require('gulp-connect-php');
  var browserSync = require('browser-sync').create();
  var sass = require('gulp-sass');
  
  gulp.task('sass', function(){
      return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'])
          .pipe(sass())
          .pipe(gulp.dest("src/css"))
          .pipe(browserSync.stream());
  });
  
  var reload  = browserSync.reload;
  
  gulp.task('php', function() {
      connectPHP.server({ base: "src", port: 8010, hostname:"0.0.0.0", keepalive: true});
  });
  gulp.task('browser-sync',['php'], function() {
      browserSync.init({
          proxy: '127.0.0.1:8010',
          port: 8080,
          open: true,
          notify: false
      });
  });
  
  gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss','src/scss/*.scss'], ['sass']);
  gulp.watch("src/*.html").on('change', browserSync.reload);
  
  gulp.task('js', function(){
      return gulp.src(['node_modules/bootstrap/dist/js/bootstrap.min.js', 'node_modules/jquery/dist/jquery.min.js', 'node_modules/popper.js/dist/umd/popper.min.js'])
          .pipe(gulp.dest("src/js"))
          .pipe(browserSync.stream());
  });
  
  
  
  gulp.task('default', ['js','browser-sync','php'], function () {
      gulp.watch(['build/*.php'], [reload]);
  });
  </code></pre>
  
  <p>When starting gulp, there is no error.
  Compiling works too. But i have to refresh the browser.
  Don't know what i am doing wrong.
  Can you tell me whats wrong?</p>
  
  <p>Greetings, xola</p>