type
status
date
slug
summary
tags
category
icon
password
和组内同学做过的一个关于 webpack 热更新实现的分享。
具体 PPT 可到 slides 观看

什么是 HMR ?

  • hot module replacement(更换)
  • 无需刷新浏览器
  • 运行时更新模块
  • 保留更新前的应用程序状态

热更新的应用

初始化

  • 服务是怎么启动?
notion image
notion image
  • bundle.js 注入了很多代码
notion image
  • websocket 如何建立连接?
notion image
  • 接受四个消息做了什么?

HMR 的实现

notion image

官方文档

参考文章

LazyMan 的两种实现小程序拾遗
张小手
张小手
一个普通的干饭人🍚