数码知识与测评

位置:首页 >  数码周边  > 正文

webpack热更新实现原理

时间:2024-06-29 03:01:36

webpack更新实现原理

首先要知道server端和client端都做了处理工作:

第一步,在webpack的watch模式下,文件系统中某一个文件发生修改,webpack监听到文件变化,根据配置文件对模块重新编译打包,并将打包后的代码通过简单的JavaScript对象保存在内存中。

第二步,是webpack-dev-server和webpack之间的接口交互,而在这一步,主要是dev-server的中间件webpack-dev-middleware和webpack之间的交互,webpack-dev-middleware调用webpack暴露的API对代码变化进行监控,并且告诉webpack,将代码打包到内存中。

第三步是webpack-dev-server对文件变化的一个监控,这一步不同于第一步,并不是监控代码变化重新打包。

声明:本站文章由来自于作者,仅代表原作者观点,不代表数码之家立场,如有侵权可直接反馈本站,我们将会作删除处理
联系我们 关于我们 版权申明

数码之家广州云媒派信息技术有限公司 版权所有粤ICP备2021127029号