5

我正在使用 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 备份选项无法进行调试是否正确？

4

1 回答 1

8

您可以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

于 2018-03-21T09:50:16.457 回答