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-",
});
