5

反応スクリプトを介して webpack dev サーバーを使用しており、Visual Studio Code を介して提供されるデバッグ機能を使用したいのですが、非標準のセットアップがあります。すべてのリクエストをプロキシし、リクエストを他のサービスとバンドルし、セキュリティなどを処理する webpack dev サーバーの前にサービスがあります。ただし、そのサービス (8080 上) は websocket をサポートしていないため、転送できません。webpack が iFrame にフォールバックしようとしていることがわかります。これはリロードには機能しますが、デバッグには機能しないようです。

8080経由で接続しようとする代わりに、ポート8084でwebpack devサーバーに接続する必要があることをwebpackに明示的に伝える方法はありますか? I already use I already use PORT=8084 cross-env REACT_APP_VERSION=$npm_package_version react-scripts startin package.json は、ポートを通過すると思います。ただし、問題は、ソケットが常に実行中の同じホスト/ポートに対して開かれていることです。したがって、私のページが にプロキシされる:8080と、ソケットも試さ:8080れます。私が望むのは、を使用しないように明示的に指示することです8080が、8084.

2 つ目として、iFrame バックアップ オプションを使用するとデバッグが機能しないというのは正しいですか?

4

1 に答える 1

8

CLI または CLIで webpack-dev-serverのポートを指定できますwebpack.config.js。

devServer.port

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 に答える