server.ts

import * as webpack from 'webpack';
import * as WebpackDevServer from 'webpack-dev-server';
import devConfig from './webpack.config';
import prodConfig from './webpack.prod.config';

const SERVER_PORT = process.env.SERVER_PORT ? parseInt(process.env.SERVER_PORT as string, 10) : 3001;
const SERVER_HOSTNAME = process.env.SERVER_HOSTNAME || 'localhost';

const webpackConfig = process.env.NODE_ENV === 'production' ? prodConfig : devConfig;
const output = webpackConfig.output as webpack.Output;

const compiler = webpack(webpackConfig);

const server = new WebpackDevServer(compiler as any, {
  publicPath: output.publicPath as string,
  hot: process.env.NODE_ENV !== 'production',
  historyApiFallback: true,
  stats: {
    colors: true,
    hash: false,
    timings: true,
    chunks: false,
    chunkModules: false,
    modules: false,
  },
});

server.listen(SERVER_PORT, SERVER_HOSTNAME, (err?: Error) => {
  if (err) {
    console.log(err);
  }

  console.log(`Server listening at http://${SERVER_HOSTNAME}:${SERVER_PORT}`);
});