Simple connect middleware for simulating url-rewriting for grunt connect servers.

grunt-connect-rewrite.js

var fs = require('fs'),
    url = require('url');

module.exports = function (rootDir, indexFile) {
  indexFile = indexFile || "index.html";

  return function(req, res, next){
    var path = url.parse(req.url).pathname;

    fs.readFile('./' + rootDir + path, function(err, buf){
      if (!err) return next();

      fs.readFile('./' + rootDir + '/' + indexFile, function (error, buffer) {
        if (error) return next(error);

        resp = {
          headers: {
              'Content-Type': 'text/html',
              'Content-Length': buffer.length
          },
          body: buffer
        };
        res.writeHead(200, resp.headers);
        res.end(resp.body);
      });
    });
  }
};

gruntFile.js

// Usage example

module.exports = function(grunt) {
  var urlRewrite = require('grunt-connect-rewrite');

  // Project configuration.
  grunt.initConfig({
    connect: {
      server: {
        options: {
          port: 9001,
          base: 'build',
          middleware: function(connect, options) {
            // Return array of whatever middlewares you want
            return [
              // redirect all urls to index.html in build folder
              urlRewrite('build', 'index.html'),

              // Serve static files.
              connect.static(options.base),

              // Make empty directories browsable.
              connect.directory(options.base)
            ];
          }
        }
      }
    }
  });
  
  grunt.loadNpmTasks('grunt-contrib-connect');
  
  grunt.registerTask('default', ['connect']);

};

For those who can't get this script to work:

Place the grunt-connect-rewrite.js file in your bower_components folder.

The 'require('grunt-connect-rewrite');' is referencing the script there. You can then use it in your grunt tasks

Shows me an error "Object build has no method 'initConfig' Use --force to continue."