title: browsersync only reloads 'root' index.html
body: <p>I am working on a website build tool (<a href="https://github.com/bmargogne/website-builder.git" rel="nofollow">https://github.com/bmargogne/website-builder.git</a>). <strong>BrowserSync works perfectly while being on the root index.html, but it does not reload anywhere else...</strong></p>
  
  <p>Here is the (simplified) way of how I did... Let's say I have :</p>
  
  <pre><code>src/index.html
  src/_header.html
  src/page/index2.Html
  </code></pre>
  
  <p>One task <strong>builds HTML pages</strong> by including html partials (their names start with '_') </p>
  
  <pre><code>gulp.task('pagesHtml', () =&gt; {
      const SRC = 'src/**/*.html';
      const EXCLUDE = '!src/**/_*.html';
      return gulp.src( [SRC, EXCLUDE], { ignoreInitial: false } )
          pipe(   fileinclude({ prefix: '@@', basepath: co.src }))
          .pipe(  gulp.dest( 'www/' ));
  });
  </code></pre>
  
  <p>One task <strong>start browser Sync</strong> server</p>
  
  <pre><code>gulp.task('serveLocal', () =&gt; {
      return browserSync.init({
          server:{ baseDir : 'www' },
          port: 3000,         
          open: true
      }); 
  });
  </code></pre>
  
  <p>One task is called to <strong>reload browserSync</strong> (separated, as it is called by other 'watchers tasks' from my project)</p>
  
  <pre><code>gulp.task('liveReload', ()) =&gt; {
      browserSync.reload();
  });
  </code></pre>
  
  <p>And one task <strong>watch all HTML</strong> (including partials) and should rebuild the whole page, then reload. </p>
  
  <pre><code>gulp.task('watch-pagesHtml', () =&gt; {
      const SRC = 'src/**/*.html';        
      return watch( SRC, () =&gt; {
          runSequence('pagesHtml', 'liveReload');
      });
      return;
  });
  </code></pre>
  
  <p>I <strong>start</strong> these tasks by starting runSequence like this :</p>
  
  <pre><code>gulp.task('default', () =&gt; {
      runSequence('pagesHtml', 'watch-pagesHtml');
  });
  </code></pre>
  
  <p>When I work on <code>index</code> or <code>_header</code> : No problems at all! The changes are applied, built, and the browse reloads.</p>
  
  <p>However, when I work on <code>pages/index2</code>, the changes are applied and built, but the browser does not reload. (though a F5 works and shows the change applied )</p>
  
  <p>What did I do wrong ?</p>