webpack設定内でwebpack-dev-serverインスタンスポートを取得する

Question

webpack-dev-serverをコマンドライン/ NPMから実行しているときに、webpack-config-jsファイル内のwebpack-dev-serverインスタンスのポート番号を取得する方法スクリプト？ devServerオブジェクトに定義されているポート番号だけを使用することはできません。なぜなら、（同時に別のプロジェクトにサービスを提供することによって）ポート衝突が発生すると、サーバーはその番号を増やすからです。ありがとう！

Answer 1

これは私が元々望んでいたものではありません。具体的には、コマンドラインからwebpack-dev-serverを呼び出さず、webpack設定ファイルでポートを使用できるようにしていませんが、許容可能な回避策です。

the very latest commitでのWebPACK-devのサーバーに、あなたは、APIを使用してサーバーを起動することができ、ポート引数に0に渡すことで、ランダムなポートを要求し、あなたのserver.jsファイル内のポート番号にアクセスするには：

'use strict'; 

const Webpack = require('webpack'); 
const WebpackDevServer = require('webpack-dev-server'); 
const webpackConfig = require('./webpack.config'); 

const compiler = Webpack(webpackConfig); 
const server = new WebpackDevServer(compiler, { 
    stats: { 
    colors: true 
    } 
}); 

server.listen(0, '127.0.0.1',() => { 
    const port = server.listeningApp.address().port; 

    // use port here 
});