webpack -devServer 热更新原理

主要流程如下：

1.首先 webpack-dev-server 会建立一个服务器，并且和浏览器建立 websocket 通信。

2.服务器监听文件变化，当文件变化的时候，会重新打包相应的 chunk，然后向浏览器发射 hash 和 ok 事件，通知浏览器对应的 chunkid 等信息。

3.浏览器监听 hash 和 ok 事件，再接受信息之后，通过 jsonp 向服务端请求对应的热更新代码。

4.最后浏览器把 jsonp 获得的代码注入到 html 的 head 里面去执行，从而实现了对应的模块替换。