WindiCSS 出现在 Tailwind JIT 尚未面世的时代,主打按需生成:用更快的扫描器替代预编译全量类名表,开发服务器秒级启动、产物体积大幅缩小。它还引入了 attributify 属性化语法,把一长串 class 平铺到元素属性上(button text-white bg-blue rounded-md),让模板不再被类名淹没,对模板工程师更友好。
它的历史使命其实是推动 Tailwind 自己推出 JIT——使命完成后作者宣布停止维护,官方建议社区迁移到 UnoCSS 或 Tailwind v3。新项目不应再选它;还在维护的老项目可以按官方迁移指南分步切换,过渡期两个引擎可以在同一项目里并存,逐页验证回归无误后再彻底下线。把旧项目留着不处理才是更大的技术债。
<style> .windi-btn { background: #4a9eff; color: #fff; border-radius: 6px; padding: 8px 16px; } </style> <!-- attributify 属性化写法: <button bg="blue-500" text="white" rounded="md">按钮</button> --> <button class="windi-btn">WindiCSS 按需生成的类</button>