前言 vite的出现原因就不多赘述了，就是模块化的发展响应的产物。 如果说，webpack的出现是为了解决模块化打包的问题，那vite的出现可以说是，借助了官方的模块化规范的基础上去实现更好的开发体验

通过本文你将学会： 1. 如何优雅的自己去看 `vite` 源码； 2. 什么是 `monorepo`； 3. `vite 的三大命令` 如何运行； 4. `vite` 优雅的使用了哪些插件；

前言 首先介绍一下 Live reloading 和 Hot reloading 的区别： Live reloading: 修改文件之后，Webpack 重新编译，并强制刷新浏览器，属于全局（整个应用

此文简单介绍一下hmr的概念、比较webpack和vite中的hmr共同点和差异，并讲述vite项目中hmr失效的排查思路和解决措施。

大家好！今天我们将探讨一个在项目开发中非常关键，同时也是字节，百度都考到过的问题 —— Vite 为什么比 Webpack 打包更快？

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

Vite 是一个由 Vue.js 创始人尤雨溪创建的新型前端构建工具，它利用现代浏览器的原生 ES 模块导入特性来提供快速的冷启动和即时的模块热更新。以下是一些可能会在 Vite 前端面试中问到的频率

HMR，即热模块替换（Hot Module Replacement），用于实现在运行时动态地替换、添加或删除模块。从而实现实时更新应用程序的部分内容，而无需刷新整个页面或重新加载整个应用。

Vite是怎么实现热更新的？这篇文章从一个demo出发分析Vite热更新原理，以及查找热更新链路。最后也会介绍Vite的hmr钩子函数