升级webpack-dev-server到4.4.0触发弃用警告该如何解决？

• 该警告并非你的业务配置代码导致，是webpack-cli和webpack-dev-server 4.x版本不兼容触发的：webpack-dev-server 4.0之后重构了实例化和启动的API，但低于4.7.0版本的webpack-cli调用webpack-dev-server时仍沿用旧版的参数传递、listen()方法调用逻辑，所以会抛出弃用警告。
• 你当前的webpack.dev.js、webpack.common.js配置不存在适配问题，不需要修改配置内容。

按照以下步骤操作即可消除警告：

1. 升级webpack-cli到4.7.0及以上版本，推荐直接升级到最新稳定版：

npm install webpack-cli@latest --save-dev
# 若使用yarn则执行
yarn add webpack-cli@latest --dev

2. 如果你当前使用的是webpack 4.x版本，建议同步升级webpack到5.x版本，避免其他兼容性问题：

npm install webpack@latest --save-dev
# 若使用yarn则执行
yarn add webpack@latest --dev

3. 清理缓存并重新安装依赖：
   删除项目根目录下的node_modules文件夹、package-lock.json（yarn用户删除yarn.lock），再执行npm install（yarn用户执行yarn install）重新安装所有依赖，之后执行npm run dev即可看到警告已经消除。

内容的提问来源于stack exchange，提问作者Kris Nelson