mcpField

Bundle Size Budget

精选按需触发
代码质量最多 6 轮

关于 Bundle Size Budget

该循环用于把客户端包体积控制在 size-limit 预算之内。每一轮先构建项目并运行 size-limit,根据结果判断是否超出预算,未达标则继续缩减后进入下一轮,最多 6 轮。

主要功能

  1. 01以 size-limit 的退出码作为唯一判定标准
  2. 02手动触发,由使用者决定何时开始
  3. 03最多 6 轮,避免无限优化
  4. 04支持 Cursor

适用场景

  1. 01新增依赖后包体积超出预算
  2. 02发布前确认客户端包体积达标
  3. 03排查持续增长的前端产物体积
目标
客户端包体积保持在 size-limit 预算之内。
退出条件
size-limit 以退出码 0 结束时停止,或达到 6 轮上限时停止。
每轮之间运行
npm run build && npm run size-limit

启动提示词

在 Cursor 中粘贴运行,Agent 会按下面的步骤循环执行,直到满足退出条件。

prompt.md
开始运行“Bundle Size Budget”循环。
目标:客户端包体积保持在 size-limit 预算之内。
最大轮数:6。
第 1 步:构建并测量 — 运行 npm run build && npm run size-limit,生成产物并对照预算检查体积。 `npm run build && npm run size-limit`
第 2 步:解读结果 — 若 size-limit 退出码为 0,则预算达标,循环结束;否则记录超出的部分和涉及的文件。
第 3 步:缩减体积 — 针对超出预算的部分修改代码或依赖,再进入下一轮重新测量。
每轮之间运行:`npm run build && npm run size-limit`
退出条件:size-limit 以退出码 0 结束时停止,或达到 6 轮上限时停止。

步骤

每一轮按顺序执行;未满足退出条件会进入下一轮,最多重复 6 轮。

01
构建并测量

运行 npm run build && npm run size-limit,生成产物并对照预算检查体积。

$npm run build && npm run size-limit
02
解读结果

若 size-limit 退出码为 0,则预算达标,循环结束;否则记录超出的部分和涉及的文件。

03
缩减体积

针对超出预算的部分修改代码或依赖,再进入下一轮重新测量。

未通过 → 下一轮满足条件即退出

支持的 Agent

可以直接运行这个 Loop 的编码 Agent。

Cursor

评论

支持 Markdown