https://plumephp.com/tags/%E5%9B%BE%E7%89%87/Recent content in 图片 on PlumePHPHugozh-CNMon, 28 Sep 2026 10:00:00 +0800https://plumephp.com/vite-asset-processing/Mon, 28 Sep 2026 10:00:00 +0800https://plumephp.com/vite-asset-processing/<h2 id="引言">引言</h2> <p>Vite 里的静态资源（图片、字体、SVG、Worker）有一套<strong>看似自动、实则有很多开关</strong>的处理管线：为什么小图会被内联成 Base64、大图会被加 hash、<code>public/</code> 下的文件又完全不处理？本文把 Vite 的资产管线讲透：先讲 <code>assetsInlineLimit</code> 与资源哈希的内联/外链决策，再讲图片的正确姿势（<code>publicDir</code> vs <code>import</code>、懒加载、压缩），接着讲字体（格式、子集化、<code>font-display</code>）、SVG（文件 vs 组件 vs 雪碧图）、Worker 的加载（<code>new Worker</code> 的 Vite 原生支持、模块 Worker），最后给一套资源治理清单与常见排查。</p>