如何修改 webpack-dev- server的端口？

要修改 webpack-dev-server 的端口，你可以通过修改 webpack 的配置文件来实现。通常，webpack 的配置文件名为 webpack.config.js。在该文件中，你需要找到 devServer 字段，并设置 port 属性为你想要的端口号。

以下是一个示例的 webpack.config.js 文件，其中包含了如何修改 webpack-dev-server 的端口：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
    compress: true,
    port: 9000 // 这里设置你想要的端口号
  }
};

在上面的示例中，devServer 字段中的 port 属性被设置为 9000。你可以将其更改为任何你想要的端口号。

保存文件后，重新启动 webpack-dev-server，它将在新设置的端口上运行。

请注意，确保所选的端口没有被其他进程占用，否则你可能会遇到端口冲突的问题。如果端口已被占用，你可以选择另一个可用的端口号。