使用webpack打包，难免会使用Hot Module Replacement功能，该功能能够实现修改、添加或删除前端页面中的模块代码，而且是在页面不刷新的前提下。它究竟是怎么运作的呢？本文主要从调试工具、配置文件、官方文档三个方面进行解析。
调试工具
首先从chrome的调试工具network中看看，代码改变的时候，页面与后端之间发生了什么？
页面初始加载
我们看到除了加载页面所依赖的文件外，多了一个连接，这是一个Server-sent Events，相关的介绍可以参考这篇文章，而且每隔一段时间都会向发送一次数据。数据内容主要是
action：sync操作；
hash：f397e485c539fd7a10fb，是bundle的hash，因为和产出文件collections.f397e485c539fd7a10fbjs的内容hash值相同；
modules：产出bundle中的module id和对应的文件地址。
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式