changing index.html when running dev server seems doing nothing, the page only show the change after pressing refresh button .

[mizok]

What happen?:

I cloned this repo as a template， and then I did the "npm run start" script then type a <h1>123123</h1> tag in index.html #root element, and saved the file but found nothing happened.

Expected behavior:

page should show the change right after I change and save index.html.

---

I found this bug in my own built boilerplate, too. so I came here to see if I can find any solution, but seems I am not lucky :(

[mizok]

I found that if I change the HMR setting in webpack.dev.js to false solve this problem , but this also kill the HMR :(
Just can't get any further.

[mizok]

Finally found the solution.
watchFiles option is needed
just add this in devServer setting

watchFiles: ['*.html']

And maybe update webpack-dev-server to @latest, since I am not sure when did those webpack DEVs create this watchFiles option

npm i -D webpack-dev-server@latest

You can check the solution here
webpack/webpack-dev-server#3794

[SimplySayHi]

@mizok in my case it doesn't work with:
watchFiles: ['*.html']

I had to use:
watchFiles: ['src/*.html']
and to watch sub-folders too, better:
watchFiles: ['src/**/*.html']

[mizok]

@SimplySayHi

Sure you are right. :D

That was because my entry html template file is at root of folder, in your condition it must be watchFiles: ['src/*.html'] or watchFiles: ['src/**/*.html'].

Thanks for the correction.