上一篇我们已经成功的将页面渲染出来了,这一篇我们来简单的实现一下热更新的功能。
所谓热更新就是修改了文件,不用刷新页面,页面的某个部分就自动更新了,听着似乎挺简单的,但是要实现一个很完善的热更新还是很复杂的,要考虑的情况很多,所以本文只会实现一个最基础的热更新效果。
创建WebSocket连接
监听文件改变
构建导入依赖图
Vue单文件的热更新
热更新template
热更新js
style热更新
普通js文件的热更新
总结
本文参考Vite-1.0.0-rc.5版本写了一个非常简单的Vite,简化了非常多的细节,旨在对Vite及热更新有一个基础的认识,