Notes

依赖于构建（Dependency Pre-Bundling）

• html 的 esm import 默认不支持 裸模块导入 ，vite 做了一些内置处理使其支持

• 开发模式， vite 使用 esbuild 将文件转换为ES 模块，导致构建出许多单独的文件

• 生产模式， vite 使用 @roolup/plugin-commonjs ，会合并 ES 模块

• 打开浏览器 devtools → network，查看 js 资源加载，能明显看出开发和生产模式的差异