webpackDevServer.js

const webpack = require("webpack");
const WebpackDevServer = require("webpack-dev-server");
const config = require("./webpack.config.dev");
const FRONTEND_PORT = 3000;
const BACKEND_PORT = 1337;
const colors = require("colors");

var server = new WebpackDevServer(webpack(config), {
    publicPath: config.output.publicPath,
    hot: true,
    noInfo: true,
    historyApiFallback: true,
    proxy: {
        "*": `http://localhost:${BACKEND_PORT}`
    },
    headers: {
        "Access-Control-Allow-Origin": `http://localhost:${BACKEND_PORT}`
    }
}).listen(FRONTEND_PORT, "localhost", function(err, result) {
    if (err) console.log(err);

    console.log("====================================".magenta);
    console.log("         WEBPACK DEV SERVER         ");
    console.log("====================================".magenta);
    console.log("Configuration:", "webpack.config.dev.js".magenta);
    console.log("Listening at", `http://localhost:${FRONTEND_PORT}`.magenta);
    console.log("====================================".magenta);
});