早期 Tailwind 即使 purge 之后仍要保留一份庞大的预生成类名表，CSS 动辄好几 MB；JIT 引擎改为逐个文件扫描源码、按需生成，页面用到的类才存在，用不到的一行不输出。任意值修饰（如 w-[17px]、top-[117px]、text-[#1da1f2]）也随写随有，不必为了一个尺寸去配置文件里加括号。
JIT 同时显著加快了构建：不再需要一次性计算上万条规则，本地热更新几乎无感，CI 打包时间也明显缩短。它是 Tailwind 从争议方案走向事实标准的转折点——小包体加上任意值带来的灵活性，让原子化 CSS 传统的短板（体积庞大、定制需要改配置）基本消失，从此 Tailwind 真正适合大型生产项目，而不只是 demo 玩具。
<style> .w-120 { width: 120px; } .rounded-lg { border-radius: 8px; } .p-4 { padding: 16px; } .bg-indigo-500 { background: #6366f1; } .text-white { color: #fff; } </style> <div class="w-120 rounded-lg p-4 bg-indigo-500 text-white"> JIT 按需生成的类（编译后仅含用到的类） </div>