title: Use grunt with browser-refresh
body: <p>I'm currently using <code>browser-refresh</code> to restart my node server every time I make a change to my server file.  I want to take this further and have my browser refresh/reload every time I make a change to an HTML file.  I'm using handlebars for the client, so I have <code>.hbs</code> files in my <code>views</code> directory.  I thought <code>browser-refresh</code> was supposed to be able to refresh the browser as well, but it's not working for me.</p>
  
  <p>For <code>grunt</code>, I have the following tasks installed:</p>
  
  <pre><code>grunt.loadNpmTasks('grunt-express-server');
  grunt.loadNpmTasks('grunt-express');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-connect');
  grunt.loadNpmTasks('grunt-exec');
  grunt.loadNpmTasks('grunt-open');
  grunt.loadNpmTasks('grunt-express-runner');
  </code></pre>
  
  <p>I don't think I need all of these, but I want to find something that works.  I'm able to restart my server with <code>grunt-exec</code>, but I already have an alias for <code>browser-refresh</code>, so I don't really need that.</p>
  
  <p>I should also note that in my <code>app.js</code> server file, I'm using <code>app.use('/', routes);</code> where <code>var routes = require('./routes/index');</code>.  So, when my app loads (using <code>node app.js</code>), it goes directly to <a href="http://localhost:3000/users/login" rel="nofollow noreferrer">http://localhost:3000/users/login</a>.</p>
  
  <p>Thanks in advance.</p>