server.js

"use strict";

//*********************************
// NOTE: this is not used. was experimenting.
//*********************************

var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config.js');

var express = require('express');
var proxy = require('proxy-middleware');
var url = require('url');

// -------- proxy----------------------
var app = express();
// proxy the request for static assets
app.use('/assets', proxy(url.parse('http://localhost:8081/assets')));

app.get('/*', function(req, res) {
    res.sendFile(__dirname + '/src/public/index.html');
});


// -----webpack-dev-server------------------
var server = new WebpackDevServer(webpack(config), {
    contentBase: 'src/public/',
    hot: true,
    quiet: false,
    noInfo: false,
    publicPath: "/",
    historyApiFallback: true,
    stats: { colors: true }
});

server.listen(8081, "localhost", function() {});
app.listen(8080);