高版本webpack 配置webpack-dev-server 兼容问题

安装完成后，执行命令

npm run dev 

发现报错：

 Error: Cannot find module 'webpack-cli/bin/config-yargs’....

我的版本：

    "webpack": "^5.25.0",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"

因为webpack和webpack-dev-server版本不兼容
高版本webpack (v4)将不支持 webpack-dev-server

解决是用@webpack-cli/serve 调用 webpack-dev-server

"scripts": {
    "dev": "webpack serve --open"
  }