网站搜索

reactjs - tailwind merge 是否适用于有前缀的 tailwind 类?


由于冲突原因,我必须使用带前缀的 Tailwind 类,但 Tailwind Merge 似乎无法与带前缀的类一起使用,例如 tw-flex-1 而不是 flex-1

我在调试时试过这个

console.log(twMerge("tw-bg-primary", "tw-bg-accent")); // logs "tw-bg-primary tw-bg-accent", but it should be "tw-bg-accent"
console.log(twMerge("bg-primary", "bg-accent")); // logs "bg-accent" 

这可以正常工作,但类除非加前缀,否则无法使用

答案#1

勒罗伊说的就是答案,这就是解决方法:

import { extendTailwindMerge } from "tailwind-merge";

export const twMerge = extendTailwindMerge({
  prefix: "tw-",
});