如何使用 Turborepo 在 Tailwind 之上创建组件库？

Question

我正在尝试使用 Turborepo 启动一个 probject，其中许多应用程序将使用相同的组件。默认情况下，Turorepo 为此设置了一个packages/ui 项目，但我想为这个组件库使用 Tailwind.css。

该库的良好设置应该是什么？所有应用程序项目是否都需要 Tailwind.css，或者库是否可以自行处理生成所有应用程序都将导入的 CSS？

简而言之，是否有具有该配置的模板 Turborepo 项目：

./apps
  ./app1          importing ui/styles.css (no Tailwind dep)
  ./app2          importing ui/styles.css (no Tailwind dep)
./packages
  ./ui            self-generating styles.css (Tailwind dep)

Answer 1

我会检查他们 GitHub 上的示例文件夹，例如：

• https://github.com/vercel/turbo/tree/main/examples/design-system
• https://github.com/vercel/turbo/tree/main/examples/with-tailwind

两者都可能对您想要的有用。上面每个示例的配置组合应该提供您正在寻找的内容。