Vue 在大型单页应用中如何处理路由懒加载与代码分割？

1. 路由级懒加载

在大型单页应用中，把所有页面打包进同一个 bundle 会导致首屏加载缓慢。通过 Vue Router 的动态导入（import() 语法），可以把每个路由对应的组件拆分为独立 chunk，只在访问该路由时才加载对应代码，从而显著减小首屏包体积。

2. 异步组件

除路由外，对于非首屏必需、体积较大的组件（如富文本编辑器、图表组件），也可使用 defineAsyncComponent 定义为异步组件，在需要渲染时才加载，进一步细化代码分割粒度。

3. 构建工具的分割策略

Vite 等构建工具在打包时会自动进行代码分割，将公共依赖、第三方库拆分为可复用的 chunk，并结合浏览器缓存提升二次加载速度。合理配置分割策略，配合路由和组件级懒加载，能有效控制大型应用的加载性能。