Svelte 的编译时机制是如何工作的？

1. 编译期分析组件代码

Svelte 的核心是一个编译器。开发者在单文件组件中用 HTML、CSS 和 JavaScript 描述界面与逻辑，编译器在构建阶段解析这些代码，识别其中的响应式声明、模板结构和事件绑定，并据此生成对应的渲染与更新逻辑。

2. 生成原生 JavaScript 代码

编译的产物不是带有框架运行时的通用代码，而是针对每个组件生成的、直接操作真实 DOM 的原生 JavaScript。模板中的表达式、条件分支、循环等，会被翻译成精确的 DOM 创建与更新指令，运行时不再需要额外的解释层。

3. 在构建工具链中集成

Svelte 编译器通常以构建插件的形式接入 Vite 等前端构建工具。开发服务器在保存文件时触发增量编译，把变更即时反映到浏览器；生产构建时则对全部组件做一次完整编译，输出精简的静态资源。