Vite 的核心在于利用浏览器原生 ESM 加载模块，通过重写裸模块路径和解析单文件组件，实现极速开发体验。本文深入分析了 Vite 的实现原理，包括 JS 加载与裸模块路径重写、裸模块加载、解析 SFC、代码生成与模板编译等关键步骤，揭示了 Vite 如何跳过打包步骤，利用浏览器原生 ESM 实现极速开发。

🔹 Vite 利用浏览器原生 ESM 加载模块，通过重写裸模块路径和解析单文件组件，实现极速开发体验。

🔹 Vite 重写裸模块路径，将裸模块引用转换为浏览器可识别的路径，例如将 `import Vue from 'vue'` 重写为 `import Vue from '/@modules/vue'`。

🔹 Vite 通过 `/@modules/` 路径找到 `node_modules` 中的依赖，并返回 ESM 格式代码，实现裸模块加载。

🔹 Vite 将 Vue 的单文件组件（.vue）拆分为 `