让我们先进行一次热加载,修改chunk1.js,将a的值改为123
此时,webpack会生成两份文件,如下图:
分别是chunkNumber+previousHash+hot-update.json和chunkNumber+previousHash+hot-update.js
previousHash上一次生成的hash值(每一次构建都会生成一个hash值)
这些文件处于内存中,因此我们在浏览器内查看具体内容:
hot-update.json:
解析:
h(hash)当前生成的hash值, c(chunkHash) 发生变更module的编号,chunk1的编号是0
hot-update.js:
webpackHotUpdate函数的三个参数分别为: 对编号为0的module进行更新,更新module的编号,及新内容
浏览器控制台输出:
5即更新module的编号,与webpackHotUpdate对应