在webpack config中獲取webpack-dev-server實例端口

Question

從命令行/ NPM運行webpack-dev-server時，如何獲取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 
});