webpack怎么配置 如果端口被占了 生成新的端口号

要配置webpack来生成新的端口号，你需要在webpack配置文件中进行如下设置：

首先，在webpack配置文件中引入`process`模块，然后使用`process.env.PORT`来获取当前的端口号。

然后，你可以使用`portfinder`模块来查找一个可用的端口号。`portfinder`可以通过递增端口号来查找可用端口，直到找到一个未被占用的端口。

以下是一个示例webpack配置文件的代码：

const webpack = require('webpack');
const portfinder = require('portfinder');
const process = require('process');

module.exports = {
  devServer: {
    port: process.env.PORT || 8080, // 获取当前端口号
    open: true,
    overlay: {
      warnings: false,
      errors: true
    }
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  // ... 其他配置
};

// 使用 portfinder 查找可用端口
portfinder.basePort = process.env.PORT || 8080;
portfinder.getPort((err, port) => {
  if (err) {
    console.log(err);
  } else {
    process.env.PORT = port;
    console.log(`Server running at http://localhost:${port}`);
  }
});

在上面的代码中，我们首先获取当前的端口号，然后使用`portfinder`模块来查找可用的端口号。如果找到了可用端口号，我们将其设置为`process.env.PORT`，并在控制台输出新的端口号。

请注意，`portfinder`是一个异步模块，因此我们需要使用回调函数来获取可用端口号。