dev-server.js

import path from 'path';
import webpack from 'webpack';
import WebpackDevServer from 'webpack-dev-server';
import {defaultsDeep} from 'lodash/object';

// Environment settings
const {
    OUTPUT_DIR = './dist',              // Output directory
    DEV_SERVER_HOST = 'localhost',      // Dev server hostname
    DEV_SERVER_PORT = 3000,             // Dev server port
    API_HOST = 'localhost',             // API hostname
    API_PORT = 8080,                    // API port
    PUBLIC_PATH = '/'                   // Output public path
} = process.env;

/*****************************************
********* Webpack dev server *************
******************************************/

const defaultServerConfig = {
    publicPath: PUBLIC_PATH,
    hot: true,
    stats: {
        colors: true,
        version: false,
        timings: false,
        assets: false,
        chunks: false,
        modules: false,
        reasons: false,
        children: false,
        source: false,
        errors: true,
        errorDetails: true,
        warnings: true
    },
    historyApiFallback: true,
    contentBase: path.resolve(process.cwd(), OUTPUT_DIR),
    proxy: {                                                    // By default, proxy all request different from built files, to the API
        '*': 'http://' + API_HOST + ':' + API_PORT
    }
};

export const serverLauncher = (webpackConfig, serverConfig = {}) => {
    new WebpackDevServer(webpack(webpackConfig), defaultsDeep(serverConfig, defaultServerConfig)).listen(DEV_SERVER_PORT, DEV_SERVER_HOST, err => {
        if (err) {
            console.error(err);
        }
        console.log('Webpack dev server listening at %s:%s', DEV_SERVER_HOST, DEV_SERVER_PORT);
    });
};