上海前端构建优化（Vite/Webpack 分包）

分包与摇树

路由级懒加载让首屏只加载当前页代码；Tree Shaking 剔除未用导出；用分析插件看谁最重（常是某个大库）。

Vite 配置

build.rollupOptions 手动分包第三方；manualChunks 把 vendor 单独缓存。

// vite.config.js
export default {
  build: {
    rollupOptions: {
      output: {
        manualChunks: { vendor: ['vue', 'axios'] }
      }
    }
  }
}