如何将webpack-dev服务器的默认端口从8080更改为其他端口？

更改webpack-dev-server的默认端口非常简单。通常，这个设置是在webpack的配置文件中进行的。以下是具体步骤：

1. 找到webpack的配置文件： 在大多数项目中，这个文件名通常是 webpack.config.js。

2. 修改devServer配置： 在这个配置文件中，你需要找到名为 devServer的部分。如果之前未设置过，你可能需要手动添加这一部分。

3. 设置port属性： 在 devServer对象中，你可以设置一个名为 port的属性，其值为你希望的端口号。例如，如果你想更改端口到5000，你可以这样设置：

   javascript
   devServer: {
     port: 5000
   }

4. 保存并重启webpack-dev-server： 修改完成后，保存配置文件，并重启webpack-dev-server以使更改生效。

例如，假设我们的项目中有以下的webpack配置文件：

javascript
const path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist'),
    },
    devServer: {
        contentBase: path.resolve(__dirname, 'dist'),
        compress: true,
        port: 8080  // 默认端口是8080
    }
};

如果我们想将端口改为5000，我们只需将 port属性的值从 8080更改为 5000：

javascript
    devServer: {
        contentBase: path.resolve(__dirname, 'dist'),
        compress: true,
        port: 5000  // 现在端口变为5000
    }

这样配置后，当你启动webpack-dev-server时，它将在新的5000端口上运行，而不是默认的8080端口。