话不多说先贴上仓库地址 mini-vite
看源码的几个问题
- 封装的方法太多,不知道从哪个方法看起
- 随便一个文件就是一两千行代码,看得头皮发麻
- 不知道该怎么去debug,到底应该在哪个方法里面debug
没关系,这些问题在我这都能解决
我做了什么
移除了vite仓库中的所有注释和其他对于所要学习的vite功能用不上的方法,并为核心方法添加上了注释
为需要实现的核心功能画上了简易的思维导图
配置了debug功能,直接就能在代码内debug
本仓库只实现了vite比较常用的几个功能,后续在vite的学习中,我可能也会不断的往mini-vite里面加上新功能
失业程序员待业中,希望大家能给几个star,让我能找工作稍微轻松点,毕业一年,年限卡的死死的,面试都没几个,谢谢大家了文章来源:https://www.toymoban.com/news/detail-475331.html
再次贴上仓库地址 mini-vite文章来源地址https://www.toymoban.com/news/detail-475331.html
参考
- 深入浅出vite
- bilibili.我们一起学前端·vite源码解析
到了这里,关于写了个辅助学习vite的小工具(mini-vite)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!