Question

从命令行/ NPM脚本运行webpack-dev-server时，如何从webpack.config.js文件中获取webpack-dev-server实例的端口号？我不能只使用devServer对象中定义的端口号，因为如果存在端口冲突（从同时提供另一个项目），服务器将递增该数字。谢谢！

Answer 1

这并不是我最初想要的：特别是它不是从命令行调用webpack-dev-server而且它没有在webpack配置文件中提供端口，但就我的目的而言，这是一种可接受的解决方法。

使用the very latest commit到webpack-dev-server，您可以使用API启动服务器，通过传入0端口参数请求随机端口并访问服务器中的端口号。 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
});

获取webpack config中的webpack-dev-server实例端口

1 个答案: