title: How to deal with browser cache while using browserSync?
body: <p>I'm using gulp with browserSync with next config(simplified):</p>
  
  <pre><code>gulp.task('serve', ['compile_styles'], function() {
      browserSync.init({
          proxy: 'my-local-dev.site'
      });
  
      gulp.watch('/public/styles/**/*.scss', ['compile_styles']);
      gulp.watch('/public/js/**/*.js').on('change', browserSync.reload);
      gulp.watch('/**/*.php').on('change', browserSync.reload);
  });
  </code></pre>
  
  <p>SCSS changes being pushed through <code>.pipe(browserSync.reload({stream: true}))</code> inside <code>compile_styles</code> task, but as you can see for <code>.js</code> files I used simple <code>browserSync.reload</code> and it is not working because browser(<em>chrome 57.0.2987.133 (64-bit)</em>) loads static files from it's internal cache so I need to make additional reload to flush that cache and force browser to load that files again.</p>
  
  <p>The same thing can be related to any static resources such as images, fonts and etc. <strong>So how to deal with browser cache while using browserSync?</strong></p>