title: Can I tell browser-sync to always use one .html file? (for html5mode links)
body: <p>I use browser-sync (<a href="https://github.com/shakyShane/browser-sync" rel="noreferrer">https://github.com/shakyShane/browser-sync</a>) in my gulp file for development purposes. I want to use html5mode within my angular app. For that server needs to route multiple url patterns to single html file. Staging and production servers already do that but I would also like to have this up and running during development.</p>
  
  <p>Here is how I run <code>browser-sync</code> server (part of <code>gulpfile.js</code>):</p>
  
  <pre><code>gulp.task('serve', function () {
      browserSync.init(null, {
          server: {
              baseDir: [APP_PATH]
          }
      });
  
      // watch only for app specific codes;
      ...
  });
  </code></pre>
  
  <p>Just to make it more clear, at my app js I instruct angular to use html5mode for routing:</p>
  
  <pre><code>$locationProvider.html5Mode(true);
  </code></pre>
  
  <p>Within my APP_PATH I have single <code>index.html</code> which is served when I access <code>browser-sync</code> server. What I need is that <code>browser-sync</code> serves this single file for each paths.</p>
  
  <p>So for example if I try to reach <code>/users/2</code> path starting from root path everything is fine; however if I refresh page or try to reach <code>/users/2</code> directly, <code>browser-sync</code> tells that it cannot find proper document to serve - this is all good and understandable but I wonder if there is any way to tell <code>browser-sync</code> built-in server to serve one file only. If not, can anyone suggest other options? Should I simply run express server and tell <code>browser-sync</code> to proxy through it?</p>