Vite 热更新(HMR)原理了解一下

文章预览

❝ 幸福的三大要素是：有要做的事（something to do）、有要爱的人（someone to love）、有寄予希望的东西（something to hope for） ❞ 前言 用过 Vite 进行项目开发的同学，肯定听说过， Vite 在开发环境和生产环境是两种不同的资源处理方式。 在开发环境， Vite 以 原生ESM 方式提供源码，让浏览器接管了打包程序的部分工作： Vite 只需要在浏览器请求源码时进行转换并按需提供源码。根据情景动态导入代码，即只在当前屏幕上实际使用时才会被处理。 而在本地开发中，肯定会有本地代码的变更处理，如何最大限度的在不刷新整体页面的情况下，进行代码的替换呢。这就用到HMR [1] 这一特性。而承载 HMR 的部分就是，我们需要在开发阶段启动一个 Dev Server 。体现在代码中就是我们在 Vite 的配置文件- vite.config.ts 中会有一个单独的字段 - server ,更详细的解释可以 ………………………………