websocket热更新

WebSocket热更新是指在开发过程中，当代码发生变化时，Webpack会自动检测到变化并将新的模块代码发送到浏览器端，浏览器端通过WebSocket接收到新的代码并进行热更新，从而实现无需刷新页面即可更新代码的功能。具体实现过程如下：
1. Webpack在编译过程中会生成一个hash值，用于标识当前编译的版本。
2. 当代码发生变化时，Webpack会重新编译代码，并生成一个新的hash值。
3. Webpack会将新的hash值和新的模块代码通过WebSocket发送到浏览器端。
4. 浏览器端接收到新的代码后，会通过热更新模块将新的代码应用到页面中，从而实现热更新的功能。

在实现WebSocket热更新的过程中，Webpack主要使用了两个文件：webpack/hot/dev-server.js和webpack-dev-server/client/index.js。其中，webpack/hot/dev-server.js主要用于处理检测更新和应用更新的逻辑，而webpack-dev-server/client/index.js则用于动态注入socket客户端代码，并处理socket服务端的消息。同时，Webpack还通过监听done钩子来监听编译完成事件，并通过WebSocket发送消息通知浏览器端进行热更新。