（4033期）Phy Bundle Size Audit – 前端性能优化专家，精准瘦身

前端性能优化专家，精准瘦身 Canlah AI 出品的零外部依赖本地分析工具，深度解析 webpack/Vite/Next.js 构建产物，自动检测体积瓶颈、Tree Shaking 失败与重复依赖，输出可执行的优化方案与 CI 门禁配置。 使用说明 核心用法 Bundle Size Audit 是一款专为前端工程团队设计的构建产物分析工具。它通过解析 webpack stats JSON、Vite 构建报告、Rollup 输出或 Next.js 的 .next/ 目录，自动生成详细的体积审计报告。使用时只需运行构建命令生成标准产物，然后通过 /bundle-size-audit 触发分析即可。工具支持多种输入模式：直接指定 stats.json 文件、指向构建输出目录自动检测，或配合 --max-chunk、--max-initial 等参数设置自定义预算阈值。对于 CI/CD 场景，可生成纯 bash 检查脚本或集成 bundlesize、size-limit 等主流工具配置。 显著优点 该技能的最大优势在于零外部 API 依赖，所有分析均在本地完成，确保代码资产安全不外泄。它内置了业界最前沿的 Tree Shaking 失败知识库，能精准识别 lodash、moment、antd、@mui/material、aws-sdk 等常见库的体积陷阱，并提供具体的迁移代码示例。自动检测重复依赖功能可发现 npm 提升机制导致的同包多版本问题。报告输出采用 GitHub PR Annotation 兼容格式，支持表格化展示、颜色状态标识（🔴🟠🟡✅），并给出按影响排序的优化建议，预计节省体积计算直观可量化。 潜在缺点与局限性 作为纯本地分析工具，它无法与 npm registry 实时交互获取最新包元数据，对新兴框架（如 Turbopack、Rspack）的支持可能滞后。Tree Shaking 检测基于预设知识库，对自定义配置或冷门库的误判风险存在。此外，gzip 估算采用固定 30% 压缩率假设，实际值可能因代码特征（重复度、entropy）产生 5-10% 偏差。对于高度定制化的构建流程（如微前端 Module Federation、webpack 插件魔改），自动检测可能失效。 适合的目标群体 前端性能工程师：需要量化 Core Web Vitals 优化效果的团队 技术负责人：建立代码合入体积门禁，防止技术债累积 开源项目维护者：向社区展示构建健康度，提升用户信任 Next.js/Vite 迁移团队：对比迁移前后体积变化，验证优化收益 使用风险 性能风险：解析大型 webpack stats.json（>50MB）可能消耗显著内存，建议在 CI 环境配置 4GB+ RAM 依赖风险：预设知识库需随 bundler 生态演进手动更新，长期未维护的技能版本可能产生过时建议 误报风险：将 ESM 版本的 lodash-es 误判为 lodash 的情况虽罕见但存在，需人工复核关键优化项 集成风险：CI fail-gate 脚本依赖 Python 3.6+ 环境，纯 Node.js 容器需预装 Python 或改用 npx 方案 原始说明 JavaScript bundle size auditor and budget enforcer. Parses webpack stats JSON, Vite bundle report, Rollup output, or Next.js build output to identify largest...