Storybook with Tailwind - Tailwind 的背景图像未解析

Question

Tailwind 背景图像具有以下语法：

backgroundImage: (theme) => ({
"drop-arrow": "url('/res/public/images/drop_down_arrow.svg')",
...
})

其中 /res 位于文件夹 ../www/www/res.. 之外，但使用 url 在网络上进行解析。这个项目已经相当大了，我想介绍一下故事书。我添加了 @storybook/addon-styling 包并完成了设置指南。当尝试构建故事书时，它无法解析图像，因为它们位于另一个文件夹中。

我尝试过重命名 "drop-arrow": "url('/res/public/images/drop_down_arrow.svg')", 到 “drop-arrow”：“url（'../www/www/res/public/images/drop_down_arrow.svg'）”，。有一些进展，但我不想碰，因为它可能会破坏一些东西。是否可以为故事书使用自定义顺风配置或正确解析资产？

Answer 1

我也遇到同样的问题，尝试了很多方法，但没有成功。您找到解决方案了吗？

我在 tailwind.config.js 中有这个图像扩展主题：

backgroundImage: {
    'grid': "url('/img/bg-grid.png')",
}

如果我删除 url 伪函数，故事书将启动，但停止在页面中处理背景。