在多个应用程序中使用的包的 Tailwind 配置

Question

作为我组织设计系统的一部分，我有一个名为“core”的包，我从中导出所有 CSS。应用程序将其作为依赖项，并作为 node_module 安装在应用程序中。

我最近将 tailwindcss 添加到我的“核心”包中，但 tailwind 类不适用于使用我的包的应用程序，因为它们无法指定

content

路径。

module.exports = {
  content: [], -> This resides in my "core" package and apps cannot modify it
  theme: {
    extend: {}
  },
  plugins: []
};

我的一个选择是使用

safelist

文件中的

tailwind.config.js

属性并添加我需要的所有 CSS，但我不想这样做。我希望有一种方法，最终应用程序可以使用他们想要的任何 tailwind 类，并且还可以从 tailwind 的 JIT 编译器/清除功能中受益，以便他们的捆绑包不包含所有 tailwind CSS。

使用我的包的应用程序如何动态指定

content

路径？

PS - 如果这有什么区别的话，我正在使用

rollup

。

感谢任何帮助，谢谢！

Answer 1

我针对类似问题实施的解决方案是公开我的库中的顺风配置以及多个函数（例如

mergeConfig(customConfig)

）

一旦配置文件公开，您的应用程序就可以使用它来声明自己的 tailwind 配置，但这意味着每个应用程序都应该安装 tailwind。

另一种方法是公开最终的编译样式，而不是需要由 tailwind 编译的样式。