title: Watch new file in gulp and browsersync issue
body: <p>I'm use browsersync to reload browser when file changed. and it's work perfect.
  But when i create new file such as html - scss - js bowsersync don't work !!!
  How to fix this problem?</p>
  
  <p>gulpjs :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Browser Sync
  gulp.task('browser-sync', function() {
      browserSync({
          injectChanges: true,
          notify: false,
          server:  "app"
      });
  });
  
  
  gulp.task('default',['sass','scripts', 'browser-sync'], function(){
      gulp.watch("app/**/*.html").on('change', reload);
      gulp.watch('app/img/*.*', ['bs-reload','images']);
      gulp.watch('src/scss/**/*.scss', ['sass']);
      gulp.watch('src/js/**/*.js', ['scripts','uglify']);
  });</code></pre>
  </div>
  </div>
  </p>