Svelte

Svelte 是什么

Svelte 是一种构建 Web 应用的新方式。它本质上是一个编译器：把你编写的声明式组件在构建阶段转换为高效的 JavaScript 代码，运行时直接精准地更新 DOM，而不是像传统框架那样在浏览器里做虚拟 DOM 比对。

官方口号是「web development for the rest of us」，强调用更少的框架概念完成 Web 开发。

核心理念

• 编译时框架：大量工作在构建阶段完成，运行时开销极小。
• 无虚拟 DOM：生成的手术式更新代码直接操作真实 DOM。
• 贴近原生：组件写法接近 HTML/CSS/JS，减少额外心智负担。
• 响应式声明：通过赋值触发更新，状态变化直观。

简单示例

<script>
  let count = 0;
</script>

<button on:click={() => count += 1}>
  点击了 {count} 次
</button>

上面的组件在编译后不会携带框架运行时，点击时只更新对应的文本节点。

生态与配套

• SvelteKit：官方全栈框架，支持路由、SSR、SSG 与 API 端点。
• 社区组件与工具链：围绕 Vite 等现代构建工具集成良好。
• Discord 社区：官方交流渠道，问题反馈与讨论活跃。

适合谁使用

如果你希望用更少的框架代码获得更小的产物体积和更好的运行性能，或团队希望降低前端入门门槛，Svelte 是值得尝试的选择。对于超大型项目，建议提前规划目录结构与状态管理约定。

许可与支持

Svelte 采用 MIT 许可证开源，开发由志愿者社区推动，可通过 Open Collective 支持项目发展。