Bilderbuch mit Rückenwind – Das Hintergrundbild von Rückenwind wird nicht aufgelöst

Question

Tailwind-Hintergrundbilder haben die folgende Syntax:

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

wobei /res sich außerhalb des Ordners ../www/www/res.. befindet, aber die URL zur Auflösung im Web verwendet. Dieses Projekt ist schon ziemlich groß und ich wollte das Bilderbuch vorstellen. Ich habe das @storybook/addon-styling-Paket hinzugefügt und die Installationsanleitung abgeschlossen. Beim Versuch, das Storybook zu erstellen, können die Bilder nicht analysiert werden, da sie sich in einem anderen Ordner befinden.

Ich habe versucht, es umzubenennen "drop-arrow": "url('/res/public/images/drop_down_arrow.svg')", ankommen “drop-arrow”：“url（'../www/www/res/public/images/drop_down_arrow.svg'）”，. Es gibt einige Fortschritte, aber ich möchte sie nicht anfassen, weil dadurch etwas kaputt gehen könnte. Ist es möglich, eine benutzerdefinierte Rückenwindkonfiguration für das Storybook zu verwenden oder die Assets korrekt zu analysieren?

Answer 1

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

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

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

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