Hot client port seems to be ignored

[MatTheCat]

• Operating System: Alpine 3.7.0
• Node Version: 10.6.0
• NPM Version: 6.1.0
• webpack Version: 4.15.1
• webpack-serve Version: 2.0.2
• webpack-hot-client Version: 4.1.0

This issue is for a:

• bug
• feature request
• modification request

CLI Command

  $ webpack-serve docs/webpack.config.js

serve.config.js

module.exports = {
  clipboard: false,
  devMiddleware: {
    publicPath: '/pattern-library/dist/'
  },
  hotClient: {
    allEntries: true,
    host: {
      client: '*',
      server: '127.0.0.1'
    },
    port: {
      client: 8082,
      server: 8081
    }
  },
  host: '0.0.0.0'
}

Expected Behavior

Websocket client uses client port 8082.

Actual Behavior

Websocket client try using server port 8081 and fails.

How Do We Reproduce?

Set hotClient.port as an object.

[MatTheCat]

Maybe this is a webpack-hot-client issue. options.webSocket.port changes between modifyCompiler call (where it has the right value) and beforeCompile event (where it takes value from port.server).

No idea why this happens.

[shellscape]

Yeah, that's an issue for webpack-hot-client. Please open it up over at https://github.com/webpack-contrib/webpack-hot-client

[MatTheCat]

Done webpack-contrib/webpack-hot-client#86