CSS 框架 词条目录
前端Wiki/词条/WindiCSS

WindiCSS

定义基于按需引擎的 Tailwind 兼容替代方案,编译更快、支持属性化写法,但已停止维护

WindiCSS 出现在 Tailwind JIT 尚未面世的时代,主打按需生成:用更快的扫描器替代预编译全量类名表,开发服务器秒级启动、产物体积大幅缩小。它还引入了 attributify 属性化语法,把一长串 class 平铺到元素属性上(button text-white bg-blue rounded-md),让模板不再被类名淹没,对模板工程师更友好。

它的历史使命其实是推动 Tailwind 自己推出 JIT——使命完成后作者宣布停止维护,官方建议社区迁移到 UnoCSS 或 Tailwind v3。新项目不应再选它;还在维护的老项目可以按官方迁移指南分步切换,过渡期两个引擎可以在同一项目里并存,逐页验证回归无误后再彻底下线。把旧项目留着不处理才是更大的技术债。

HTML
<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>
⚠ 常见误区
🔗 相关词条按需加载原子类
← 返回来源章节按需加载