问是否有方法将生成的Tailwind类封装在根类下？
EN

Stack Overflow用户

提问于 2022-07-01 04:16:09

回答 1查看 297关注 0票数 4

我想用一个类包装生成的Tailwind实用工具类，以防止它们流到消费者样式表中，如下所示：

.root {
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
  @tailwind variants;

 .exampleClass { }
}

<div className="root">{children}</div>

然而，这是行不通的。

你能给我一些解决这个问题的建议吗？提前谢谢。

发布于 2022-07-02 00:25:58

一种解决方案是在tailwind.config.js中添加一个前缀

module.exports = {
  prefix: 'tw-',
}

这将使得只有在添加前缀(例如tw-m-2 )时才能引用Tailwind实用工具类，这应该(希望)防止与其他站点样式发生冲突。

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72824313

复制

相似问题

问是否有方法将生成的Tailwind类封装在根类下？EN