Vite用的ESM（Native ESM） 是什么？

ESM（ECMAScript Modules，即 原生 ES 模块）是 JavaScript 官方标准化的模块系统，基于浏览器原生支持的 import 和 export 语法。Vite 的核心创新正是基于 ESM 的能力重新设计了前端开发流程。以下是深度解析：

---

一、ESM 的核心特性

1. 静态化分析

• 编译时解析：模块依赖关系在代码执行前确定（通过 import/export 的静态语法）。
• 优势：
  • 支持 Tree Shaking（删除未使用代码）。
  • 更好的工具链优化（如 Vite 的按需编译）。

// 静态导入（编译时解析）
import {
    foo