createDevServer.js

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,
    disableHostCheck: true,
    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());

  if (publicDir) {
    server.use(express.static(publicDir));
  }

  server.use(devAssets(compiler));
  server.use(createRouter());

  return server;
}

module.exports = createDevServer;