我一直在开发中使用webpack热重装,它很棒。它为我节省了很多时间。我今天一直在网上搜索,以很好地了解它的实际工作原理,但没有找到有关其内部工作的任何好方法。因此,我在这里要求对它的实际工作方式有一个很好的了解。
我的迷你热装项目有点。现在,我已经设置了一个节点服务器和一个简单的客户端Javascript代码。客户端通过websocket连接到服务器,服务器根据fs.watch
的{{1}}函数向客户端触发更改事件,该事件监视我的代码文件夹中的每个文件更改。
我对如何在客户端代码中修补从服务器收到的更新感到困惑。目前,我在node.js
中只有index.js
个文件。因此,我想知道像index.html
这样的捆绑工具如何实现热重载,特别是它们如何修补更新。
我从webpack
文档中了解到,它们在更新补丁程序的客户端代码中具有瘦的hrm运行时,但是我似乎找不到有关它们如何实现这一壮举的任何详细信息。他们是否使用webpack
打开客户端index.js
文件,读取文件并回写(?)?同样,我对这是如何工作的没有清楚的了解。因此,如果你们能给我一些指导,我可以更深入地研究它。
所以我的问题是,他们如何将新代码修补(插入)到FileReader
中已经存在的客户端代码中?