11. 架构：前端工程化与状态管理实战

写在前面：
如果说后端 MVT 引擎是 GIS 系统的“心脏”，那么前端就是它的“大脑”和“面孔”。在现代 WebGIS 开发中，如何优雅地管理复杂的图层状态、如何处理海量瓦片的渲染逻辑，是决定项目成败的关键。

今天，我们将深入 light-mvt-server 的前端核心，看看如何利用 Vite + Vue3 + TypeScript + Pinia 这套黄金组合，构建一个既高性能又易维护的地图应用架构。

一、 为什么选择 Vite？告别“慢”时代

在传统的 Webpack 时代，启动一个包含大量依赖（如 MapLibre GL JS）的项目可能需要几分钟。而在本项目中，我们选择了 Vite。

1.1 极速的开发体验

Vite 利用浏览器原生的 ES Modules，实现了秒级冷启动。无论你的项目多大，点击运行的那一刻，服务就已经准备好了。

1.2 精细化的分包策略

在 web/