Vite 的插件系统是如何工作的？

Vite 的插件系统构建在 Rollup 插件接口之上，并针对开发服务器场景做了增强，是扩展 Vite 能力的核心机制。

1. 兼容 Rollup 插件生态

Vite 复用 Rollup 成熟的插件钩子（如 resolveId、load、transform、renderChunk 等），因此绝大多数 Rollup 插件可以直接在 Vite 中使用，降低了迁移与复用成本。

2. 增加 Vite 特有钩子

在 Rollup 接口基础上，Vite 增加了仅作用于开发服务器的钩子（如 configureServer、transformIndexHtml 等），让插件可以介入开发服务器的中间件、HTML 处理等开发阶段逻辑。

3. 分层执行顺序

插件按"前置插件—普通插件—后置插件"的顺序组织，Vite 内部插件与用户插件协同工作，框架集成（如 @vitejs/plugin-vue、@vitejs/plugin-react）通常通过插件形式接入。