webpack.server.js

import Webpack from 'webpack';
import WebpackDevServer from 'webpack-dev-server';
import config from './webpack.config-dev.js';

const compiler = new Webpack(config);
const server = new WebpackDevServer(compiler, {
  // webpack-dev-server options
  contentBase: 'static/',
  // or: contentBase: "http://localhost/",

  hot: true,
  // Enable special support for Hot Module Replacement
  // Page is no longer updated, but a "webpackHotUpdate" message is send to the content
  // Use "webpack/hot/dev-server" as additional module in your entry point
  // Note: this does _not_ add the `HotModuleReplacementPlugin` like the CLI option does.

  // Set this as true if you want to access dev server from arbitrary url.
  // This is handy if you are using a html5 router.
  historyApiFallback: true,

  // Set this if you want webpack-dev-server to delegate a single path to an arbitrary server.
  // Use "*" to proxy all paths to the specified server.
  // This is useful if you want to get rid of 'http://localhost:8080/' in script[src],
  // and has many other use cases (see https://github.com/webpack/webpack-dev-server/pull/127 ).
  // proxy: {
  //   "*": "http://localhost:9090"
  // },

  // webpack-dev-middleware options
  quiet: true,
  noInfo: false,
  lazy: false,
  filename: 'bundle.js',
  watchOptions: {
    aggregateTimeout: 300,
    poll: 1000,
  },
  // publicPath: '/static/',
  // headers: { 'X-Custom-Header': 'yes' },
  stats: { colors: true },
});

server.listen(3000, 'localhost', () => {
  console.info('==> ✅  Initialized development server'); // eslint-disable-line no-console
  console.info('==> 🌎  Go to http://localhost:3000'); // eslint-disable-line no-console
});
// server.close();