#React

@apply 用多了是不是反模式?

由@river-li发起讨论 · 发布于 2026年7月31日 · 更新于 2026年8月3日

项目里不少同事为了 "可读性",喜欢在 .css 里用 @apply 把 utility 拼成语义 class。表面上干净了,但我觉得这违背了 Tailwind 的初衷。

css
.btn-primary { @apply bg-blue-500 text-white px-4 py-2 rounded; }

问题:

  • 失去了 utility-first 的就地可读性。
  • purge 之外的地方容易出问题。
  • 维护时既要懂 HTML 里的 utility,又要懂 css 里的 @apply,心智加倍。

我现在只在第三方组件样式覆盖时用 @apply,业务里一律内联。

大家怎么看?@apply 你们用得多吗?

回复

暂时没有回复。

Related

相关推荐