webpack5.0使用webpack-dev-server时，无法自动刷新网页html页面解决方案

有讲target:'web’的

有讲添加inline属性的（但是会显示如下错误）

[webpack-cli] Error: Unknown option ‘–inline’

其实主要还是webpack5.0改了~不支持inline，也不支持contentBase这些

介绍一下HMR功能
hot module replacement 热模块替换 / 模块热替换
作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块），极大提升构建速度
注意：只能在development模式下

1. CSS样式文件，会自动使用HMR功能
2. JS文件，默认不能使用HMR功能（修改一个JS模块后，所有JS模块都刷新；可以通过修改文件来实现，但是主入口实现不了）
3. html文件，默认不能使用HMR功能，通过下面方式能实现

关于html在development模式下不能热更新的解决方案（添加如下代码）

折腾了一半天看了说明书才解决，如果有用的话麻烦点个赞~谢谢

如果如下方案无法解决请访问此超链接试试

官方文档关于watchFiles说明

// 方法1
devServer: {
	watchFiles: ['./src/index.html'],
}

// 方法2（入口处添加）
entry: ["./src/index.js", "./src/index.html"],