webpack.config.js

"use strict";

const http = require("http");
const httpProxy = require("http-proxy");
// our setup function adds behind-the-scenes bits to the config that all of our
// examples need
const { setup } = require("../util");

module.exports = setup({
  context: __dirname,
  entry: "./app.js",
  devServer: {
    webSocketServer: "ws",
    onAfterSetupMiddleware: (server) => {
      const proxyPort = 8080;
      const proxyHost = "127.0.0.1";
      const proxy = httpProxy.createProxyServer({
        target: { socketPath: server.options.ipc },
      });

      const proxyServer = http.createServer((request, response) => {
        // You can define here your custom logic to handle the request
        // and then proxy the request.
        proxy.web(request, response);
      });

      proxyServer.on("upgrade", (request, socket, head) => {
        proxy.ws(request, socket, head);
      });

      proxyServer.listen(proxyPort, proxyHost);
    },
  },
});