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

Question

我正在尝试使用 Turborepo 启动一个项目，其中许多应用程序将使用相同的组件。默认情况下，Turorepopackages/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

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