webpack5.x热模块更新之webpack-dev-server不兼容问题

1、首先，这里先说明一下我使用的node版本及webpack、webpack-cli和安装的webpack-dev-server的版本

• node V 10.16.0
• webpack V 5.51.1
• webpack-cli V 4.8.0
• webpack-dev-server V 4.0.0

2、基本配置如下

package.json 配置

webpack.config.js配置

3、启动热更新模式后报一下错误。

解决办法

查阅资料后发现是webpack-dev-server的版本与webpack-cli的版本不兼容导致的，然后就对应的降低了webpack-dev-server的版本，这里我替换的是 webpack-dev-server 3.11.2的版本，

更换版本之后重新启动热更新模式。

又报下面的错误，找不到config-yargs文件

原因：webpack-cli 版本4以后删除了 config-yargs文件

在 webpack 官网上可以看到依赖的下载与设置方法没有改变，启动命令发生了改变。

将原来的 webpack-dev-server的引入方式，更改为 webpack server --open

webpack、webpack-cli、webpack-dev-server依赖关系：

依赖	版本	新版本
webpack	4	5
webpack-cli	3	4
webpack-dev-server	3	3