Gatsby 如何在盖茨比主题中处理tailwind.config.js

我正试图通过

twin.macro

将

tailwindcss

纳入我的自定义盖茨比主题。我正在使用Thread工作区，项目目录树的设置如下：

./site - The actual site which contains the content
./packages/gatsby-theme-custom/** - The Gatsby theme

因此，我的

网站

引入了

gatsby主题定制

，并用自己的内容填充它

到目前为止，

tailwindcss

本身的集成效果良好。现在，我正试图将一个

tailwind.config.js

文件添加到

gatsby-theme-custom

的根目录中，但该文件似乎在编译过程中没有被提取出来。例如，我试图用一些自定义颜色扩展基本主题：

module.exports={
清除：[]，
暗模式：false、//或“媒体”或“类”
主题：{
扩展：{
颜色：{
电动：“db00ff”，
丝带：“0047ff”，
Wonderfulflay:“eeeeee”，
},
},
},
变体：{
扩展：{}，
},
插件：[]，
};

然后在主题内的某个文件中：

从“twin.macro”导入tw；
...
返回(
试验
)

当我现在编译的网站，我得到的错误，引用的颜色无法找到

✕ from-electric was not found

当我将配置文件放入

站点的根目录中时，一切正常。现在的问题是，网站基本上不应该知道任何关于样式的事情。与样式相关的所有内容都应封装到主题中。有没有一种方法可以让tailwind从主题中获取配置文件？还是我在这过程中犯了一些错误

感谢您的帮助
 我刚刚找到了答案。可以使用
twin.macro
指定tailwindcss配置文件的路径

我在
gatsby主题自定义
目录的根目录下添加了一个
babel plugin macros.config.js
文件。其次，我还在主题目录的根目录中添加了
tailwind.config.js

babel plugin macros.config.js
文件的内容如下所示：

//babel-plugin-macros.config.js
module.exports={
双胞胎：{
config:`${\uu dirname}/tailwind.config.js`，
预设：“样式化组件”，
},
};

${uuuu dirname}
在这里很重要，以便选择
Gatsby主题自定义
目录的根

通过这种配置，可以将tailwind配置文件放在主题目录中，并将其封装在
站点
目录之外