上一篇我们已经成功的将页面渲染出来了,这一篇我们来简单的实现一下热更新的功能。

所谓热更新就是修改了文件,不用刷新页面,页面的某个部分就自动更新了,听着似乎挺简单的,但是要实现一个很完善的热更新还是很复杂的,要考虑的情况很多,所以本文只会实现一个最基础的热更新效果。

创建WebSocket连接

监听文件改变

构建导入依赖图

Vue单文件的热更新

热更新template

热更新js

style热更新

普通js文件的热更新

总结

本文参考Vite-1.0.0-rc.5版本写了一个非常简单的Vite,简化了非常多的细节,旨在对Vite及热更新有一个基础的认识,