HMR(热模块替换)

在Vite中,HMR(Hot Module Replacement,热模块替换)是一个重要的特性,它可以在开发阶段实现实时更新和快速重新加载模块,而无需完全刷新整个页面。

具体来说,Vite的HMR工作原理如下:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8e9ff865b0d84b46833cbfe45a5c001d

当应用程序启动时,Vite会创建一个WS(WebSocket)服务器,用于与浏览器建立实时通信。
当你修改了一个文件并保存时,Vite会检测到文件的变化,并将该变化推送到浏览器端。
浏览器通过WS连接接收到变化的通知后,会向Vite请求有关被更新模块的新代码。
Vite根据请求返回更新后的模块代码,并通知浏览器更新相应的模块。
浏览器利用新的模块代码进行局部更新,保持页面的状态和数据不变,提供了无刷新的开发体验。
全部评论

相关推荐

点赞 收藏 评论
分享
牛客网
牛客企业服务