Better dev server integration

server/createDevServer.js

@@ -0,0 +1,49 @@
+const express = require("express");
+const morgan = require("morgan");
+const WebpackDevServer = require("webpack-dev-server");
+const devErrorHandler = require("errorhandler");
+
+const devAssets = require("./middleware/devAssets");
+const createDevCompiler = require("./createDevCompiler");
+const createRouter = require("./createRouter");
+
+function createDevServer(publicDir, webpackConfig, devOrigin) {
+  const compiler = createDevCompiler(
+    webpackConfig,
+    `webpack-dev-server/client?${devOrigin}`
+  );
+
+  const server = new WebpackDevServer(compiler, {
+    // webpack-dev-middleware options
+    publicPath: webpackConfig.output.publicPath,
+    quiet: false,
+    noInfo: false,
+    stats: {
+      // https://webpack.js.org/configuration/stats/
+      assets: true,
+      colors: true,
+      version: true,
+      hash: true,
+      timings: true,
+      chunks: false
+    },
+
+    // webpack-dev-server options
+    contentBase: false,
+    before(app) {
+      // This runs before webpack-dev-middleware
+      app.disable("x-powered-by");
+      app.use(morgan("dev"));
+    }
+  });
+
+  // This runs after webpack-dev-middleware
+  server.use(devErrorHandler());
+  server.use(express.static(publicDir));
+  server.use(devAssets(compiler));
+  server.use(createRouter());
+
+  return server;
+}
+
+module.exports = createDevServer;