源码解析

自己的调试记录，仅供参考，主要给自己加深印象，所以比较简练 idle循环和其他几个循环差不多，搞懂一个其他就差不多了

解决循环依赖没有想象的这么难，就是分包分好就行了，啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

环境配置 默认的vite+vue+js 断点调试 由于第一次编译，不存在.vite/deps的缓存文件 需要重新收集依赖 默认入口是index.html 这是esbuild收集依赖的插件vite:de

vite 开发环境是用esbuild来构建的，是冷启动 冷启动的意思是其是先启动服务，然后服务访问url，才进行文件的依赖收集 我们首先启动vite服务，然后打开浏览器访问项目 首先处理main.js

上文讲了vite服务端是如何收集依赖的 这次我们讲讲收集依赖之后如何做到热更新 监听到了HelloWorld.vue的改变 然后进到moduleGraph.onFileChange(file) 拿到H

环境配置 本文按照less-loader、css-loader、style-loader的顺序处理css 创建example文件夹，内容如下 断点调试 style-loader 首先进到了style.

环境配置 代码调试 VueLoaderPlugin ruleSetCompiler && BasicMatcherRulePlugin BasicEffectRulePlugin主要是对rule的改造

rollup可比webpack好懂太多了！大爱promise，大爱async-await，讨厌callback