在搭建前端开发环境时，如果需要调整 webpack-dev-server 默认监听的端口号，你通常会通过哪些配置方式来实现，具体会修改哪个配置文件中的哪个字段？
考察说明
考察对 webpack-dev-server 端口配置方式的掌握程度。
回答思路
- 【回答框架 1】可以在 webpack 配置文件（如 webpack.config.js）的 devServer 对象中设置 port 属性，例如 port: 8081，即可修改端口。
- 【回答框架 2】也可以通过命令行参数方式：在运行 webpack-dev-server 命令时使用 --port 8081 参数直接指定端口，这种方式便于临时修改和 CI 场景使用。
- 【回答框架 3】使用 webpack-dev-server 的 Node.js API 时，可以在配置对象中传入 port 选项，同样可以自定义端口。
- 【回答框架 4】若配置了多个环境（如开发、测试），可以借助环境变量或配置文件区分端口，避免端口冲突。
- 【回答框架 5】修改端口后需要重启 dev-server 服务，并确保目标端口未被其他进程占用，否则会启动失败或警告。
- 【关键点 1】devServer.port 字段用于设定 webpack-dev-server 的监听端口。
- 【关键点 2】支持通过 --port 命令行参数覆盖配置文件中的端口设置。
- 【关键点 3】Node.js API 方式可在初始化 devServer 时传入 port 配置。
- 【关键点 4】端口修改后需重启开发服务器才能生效。
- 【易错点 1】注意端口冲突：若目标端口被占用，webpack-dev-server 会报错或自动寻找其他端口（取决于配置），应提前检查占用情况。
- 【易错点 2】配置文件修改端口后，若同时使用了命令行参数，命令行参数优先级更高。