小于 8KB 的图被转成 base64 打包体积反而变大

// vite.config.js
build: { assetsInlineLimit: 4096 }
# webpack 对应写法
asset: { dataUrlCondition: { maxSize: 4096 } }

打包后 CSS 里的背景图变成一大段 base64，单个 CSS 文件体积反而涨了几十 KB。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。

追下去是这么回事：构建工具默认把小于阈值的图片内联，图片本身贴近上限时编码膨胀，收益还没抵消掉额外体积。

「资源内联阈值」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。权限不要一口气开到最大，先加到够用再往上试，范围小才好收。

把复现步骤压到三条以内，交给同事也能跑出来，才算真的定位清楚。改动写完就同步给同事，下一个人踩同一个坑，成本还是你的。

验证用真实数据走一遍，测试数据太干净，边界情况根本碰不到。能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。

处理上按这个顺序：把内联阈值调小或者直接关掉；只让真正的小图标走内联；重新构建对比产物体积。

确认没问题再收工，产物体积回落，小图标仍然内联，大图走独立文件。