如何在外部存储库中使用顺风？类不工作

Posted 2023-03-07

【中文标题】如何在外部存储库中使用顺风？类不工作

【英文标题】：How to use tailwind in an external repository? Classes not working

【发布时间】：2021-11-08 13:49:38

【问题描述】：

我有大约 7 个不同的存储库，它们都有自己的顺风设置（EG 7 个不同的存储库，同一个按钮的 7 个不同版本）所以我创建了一个私有存储库来删除这个重复但是我遇到了类的问题正在应用中。

我有一个问题，只有网站中使用的类应用于组件。 EG 我的页面使用mr-8，我的按钮使用mr-8 和px-2.5，但按钮只应用了mr-8 类。

我的清除内容中有这个：'.node-modules/\\@my-name/react-tailwindui/lib/**/*.ts,tsx'

这是我的按钮示例。

<button type="submit" class="inline-flex justify-center items-center border font-medium 
rounded focus:outline-none focus:ring-2 focus:ring-opacity-30 text-xs p-2.5 border-transparent 
dark:border-gray-500 text-white hover:bg-primary-700 focus:ring-primary-00 bg-primary-600 
shadow-sm rounded-full mr-8">Sign in</button>

这些是应用的类

谢谢 库尔蒂斯

【参考方案1】：

检查你的tailwindcss版本，p-2.5只存在于v2.x中

【讨论】：

无论如何我都检查了两倍，但是如果我将它们放入我正在构建的站点中，这些类就可以工作，问题是当这些类仅在内部存储库中而不是任何页面中时。谢谢。