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

Question

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

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

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

Answer 1

您可以webpack.config.js在 CLI上或在 CLI上指定webpack-dev-server的端口。

开发服务器端口

number

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

webpack.config.js

module.exports = {
  //...
  devServer: {
    port: 8080,
  },
};

通过 CLI 使用

网络包 4

webpack-dev-server --port 8080

网络包 5

npx webpack serve --port 8080