有没有办法让webpack开发服务器使用另一个端口？

Question

我正在使用webpack dev服务器，通过react脚本，我想使用它通过Visual Studio Code提供的调试功能，但是，我有一个非标准的设置。我们在webpack dev服务器前面提供服务，代理所有请求，与其他服务捆绑请求，处理安全性等。因此在本地开发中，我打开localhost：8080，它将所有请求转发到localhost：8084，这是webpack服务器。但是，该服务（在8080上）不支持websockets，因此无法转发它们。我看到webpack试图回退到iFrame，它适用于重新加载，但似乎没有调试。

有没有办法让我明确告诉webpack它应该连接到端口8084上的webpack dev服务器，而不是尝试通过8080来实现？我已经使用了我已经在package.json中使用PORT=8084 cross-env REACT_APP_VERSION=$npm_package_version react-scripts start，我认为它在端口上传递。但是，问题是套接字始终打开到您运行的同一主机/端口。因此，当我的页面被代理到:8080时，也会尝试:8080上的套接字。我想要的是明确告诉它不要使用8080，而是使用8084。

其次，通过iFrame备份选项调试无效是正确的吗？

Answer 1

您webpack.config.js或CLI上的webpack-dev-server can specify the port。

  

devServer.port

     

number

     

指定用于侦听请求的端口号：

     

port: 8080

     

通过CLI使用

     

webpack-dev-server --port 8080