webpack-dev-server的热更新问题

webpack配置如下 

目前dist下面的bundle.js是webpack打包的，

但是热更新所引用的bundle.js虽然名字一样，但是并不是看到的那个bundle.js，而是在当前路径下不可见的一个bundle.js

下面实验，证明index.html引用的不是可见的bundle.js

可以看到index.html下面没有bundle.js但是引用成功了 

说明使用webpack.dev-server引用的路径是根据webpack打包文件名，在contentBase下生成同样的一个不可见的文件，而index.html是引用的这个不可见文件。

参考文献：

https://segmentfault.com/a/1190000006670084

https://www.cnblogs.com/penghuwan/p/6941616.html 

https://segmentfault.com/a/1190000006178770?utm_source=tag-newest#articleHeader2