title: html5 mode with grunt serve not working
body: <p>In grunt file, livereload block looks like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>livereload: {
    options: {
      open: true,
      middleware: function(connect, options, middleware) {
        var optBase = (typeof options.base === 'string') ? [options.base] : options.base;
        return [
          [require('connect-modrewrite')(['!(\\..+)$ / [L]'])].concat(
            optBase.map(function(path) {
              return connect.static(path);
            })),
          connect.static('.tmp'),
          connect().use(
            '/bower_components',
            connect.static('./bower_components')
          ),
          connect().use(
            '/app/styles',
            connect.static('./app/styles')
          ),
          connect.static(appConfig.app)
        ];
      }
    }
  },
  </code></pre>
  
  
  
  <p>Adding:</p>
  
  <pre><code> [require('connect-modrewrite')(['!(\\..+)$ / [L]'])].concat(
                      optBase.map(function(path){ return connect.static(path); })),
  </code></pre>
  
  <p>did use to work for me to enable html5 mode, otherwise, my routes do not load without #! when I try to reload via the browser.</p>
  
  <p>I do have base href='/' added and html5Mode(true) in config. Is there anything else I can try? Why would it really stop working?</p>
  
  <blockquote>
    <p><strong>Note: Turns out that my URL has a dot in it and that is not being handled by connect-mod rewrite rule so well. Any idea how to change that and enable it to handle dot in URL?</strong></p>
  </blockquote>