webpack学习笔记-热更新/文件指纹

150 阅读1分钟

截屏2021-08-10上午8.32.34.png 截屏2021-08-09上午11.53.49.png

截屏2021-08-10上午8.34.15.png

1启动阶段:代码经过webpack compiler打包,通过bundle server将文件支持以localhost方式在浏览器访问;

2当文件有改动:编译后的文件经过hmr server将需要热更新的数据通过websoket发送给hmr runtime,最后hmr runtime被注入到浏览器,更新文件的变化

截屏2021-08-10上午9.40.31.png

截屏2021-08-10上午9.44.51.png

截屏2021-08-10上午9.53.51.png

截屏2021-08-10上午9.55.51.png