Add a option, mimeTypes, to support defining custom mime types (#150)

* Add a option, mimeTypes, to support defining custom mime types

* added new option mimeTypes in example usage (#150)

* Add a option, mimeTypes, to support defining custom mime types

Author: xiaoyann

README.md

@@ -76,6 +76,11 @@ app.use(webpackMiddleware(webpack({
 	headers: { "X-Custom-Header": "yes" },
 	// custom headers
 
+	mimeTypes: { "text/html": [ "phtml" ] },
+	// Add custom mime/extension mappings
+	// https://github.com/broofa/node-mime#mimedefine
+	// https://github.com/webpack/webpack-dev-middleware/pull/150
+
 	stats: {
 		colors: true
 	},

lib/Shared.js

@@ -1,3 +1,4 @@
+var mime = require("mime");
 var parseRange = require("range-parser");
 var pathIsAbsolute = require("path-is-absolute");
 var MemoryFileSystem = require("memory-fs");
@@ -28,6 +29,9 @@ module.exports = function Shared(context) {
 					options.filename = new RegExp("^[\/]{0,1}" + str + "$");
 				}
 			}
+			// defining custom MIME type
+			if(options.mimeTypes) mime.define(options.mimeTypes);
+
 			context.options = options;
 		},
 		defaultReporter: function(reporterOptions) {

middleware.js

@@ -21,7 +21,6 @@ module.exports = function(compiler, options) {
 	};
 	var shared = Shared(context);
 
-
 	// The middleware function
 	function webpackDevMiddleware(req, res, next) {
 		function goNext() {

test/Server.test.js

@@ -143,6 +143,32 @@ describe("Server", function() {
 		});
 	});
 
+	describe("custom mimeTypes", function() {
+		before(function(done) {
+			app = express();
+			var compiler = webpack(webpackConfig);
+			var instance = middleware(compiler, {
+				stats: "errors-only",
+				quiet: true,
+				index: "Index.phtml",
+				mimeTypes: {
+					"text/html": ["phtml"]
+				}
+			});
+			app.use(instance);
+			listen = listenShorthand(done);
+			instance.fileSystem.writeFileSync("/Index.phtml", "welcome");
+		});
+		after(close);
+
+		it("request to Index.phtml", function(done) {
+			request(app).get("/")
+				.expect("welcome")
+				.expect("Content-Type", /text\/html/)
+				.expect(200, done);
+		});
+	});
+
 	describe("MultiCompiler", function() {
 		before(function(done) {
 			app = express();