title: Gulp Browser Sync doesn't work
body: <p>I am trying to set up very simple gulp file. I am using sass and browser sync there and I move everything to the build folder. But for unknown reason the browser does not sync. 
  I tried solutions from many resources but nothing seem to work so far. Maybe some of you would have any idea how to fix that.</p>
  
  <pre><code>var gulp = require('gulp');
  var sass = require('gulp-sass');
  var bs = require('browser-sync').create();
  var reload = bs.reload;
  
  gulp.task('styles', function() {
      gulp.src('sass/**/*.scss')
          .pipe(sass().on('error', sass.logError))
          .pipe(gulp.dest('build/css'))
          .pipe(bs.reload({stream:true}));
  });
  
  gulp.task('serve', ['styles'], function() {
       bs.init({
              server: "./build"
          });
  
      gulp.watch('./sass/*.scss', ['styles']);
      gulp.watch('build/css/*.css').on('change', reload);
      gulp.watch("*.html").on('change', reload);
  });
  
  gulp.task('default', ['serve']);
  </code></pre>
  
  <p>My folder structure is:
  - build
    - css
    - index.html
  - sass
  - index.html</p>
  
  <p>And the command prompt shows this after running gulp:
  <a href="https://i.stack.imgur.com/cYuTq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cYuTq.png" alt="enter image description here"></a></p>
  
  <p>Thank you so much for any help!</p>