lumozx

依赖预构建的入口是initDepsOptimizer函数，由initServer触发。 但在触发之前，通过isDepsOptimizerEnabled来判断，是否需要进行依...

在上文中，我们了解了模块依赖图。并了解了它的转译模块功能，接下来，我们来看看它所服务的另一个功能——热更新。 ws 说到热更新，首先得需要一个webSocket来进行支持，...

在上文中，我们了解了chokidar 和 中间件在Vite起到了什么作用。 我们看看之前一直提到的模块依赖图。 在了解它的运作原理之前，我们先看看它是什么，干了什么。 是什...

在上文中，我们了解了httpServer 和 中间件逻辑。 而本文你会学到 chokidar 在Vite起到了什么作用 Vite针对工具集使用了怎样的缓存策略 Vite的中...

在上文中，我们了解了Vite如何创建开发服务器和整合配置项。 而本文你会学到 Vite的开发服务器底层是基于什么 Vite的中间件底层是基于什么 Vite如何面对端口占用做...

在上文中，我们了解了创建本地服务器之前以及之后的操作，以及文件预热的实现原理。 而本文你会学到 Vite是如何创建一个开发服务器的 Vite如何解析配置项的 Vite针对不...

Vite已经发布了5.0版本。虽然之前对2.x版本有所了解，但一直没有深入研究。现在，尝试浅显着眼其源码层面，了解Vite采用的双引擎架构。 未来，Vite将使用Rolld...

之前我们提到了vue3.4.0-alpha.1 响应式逻辑的变动。而在今天，vue 发布了vue3.4.0-alpha.2&alpha.3版本，alpha.3版本算是对al...

我们在使用npm-check-updates，或者pkg-fetch的时候，会发现在loading的状态下控制台会出现一个进度条。 这个是通过progress这个npm包来...

相信大家在使用chrome浏览B站的时候，会注意到浏览器的右上角会多出一个媒体控件按钮。 点一下会弹出这样一个框。 通过这个框我们可以实现对视频的后退、暂停、播放、快进等功...

provide 和 inject 是 Vue 中用于父组件向子组件传递数据的一种高级选项。它们主要用于解决组件之间共享数据的需求，特别是在跨层级嵌套的情况下。 需求 设想，...

magic-string是一个用于处理字符串的JavaScript库。它可以让你在字符串中进行插入、删除、替换等操作，并且能够生成准确的sourcemap。 这个库特别适用...