Buku cerita dengan Tailwind - Imej latar belakang Tailwind tidak diselesaikan

Question

Imej latar belakang Tailwind mempunyai sintaks berikut:

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

di mana /res berada di luar folder ../www/www/res.. tetapi menggunakan url untuk menyelesaikannya di web. Projek ini sudah agak besar dan saya ingin memperkenalkan buku cerita. Saya menambah pakej @storybook/addon-styling dan melengkapkan panduan persediaan. Apabila cuba membina buku cerita, ia tidak boleh menghuraikan imej kerana ia berada dalam folder lain.

Saya cuba menamakan semula "drop-arrow": "url('/res/public/images/drop_down_arrow.svg')", tiba “drop-arrow”：“url（'../www/www/res/public/images/drop_down_arrow.svg'）”，. Terdapat sedikit kemajuan, tetapi saya tidak mahu menyentuhnya kerana ia mungkin merosakkan sesuatu. Adakah mungkin untuk menggunakan konfigurasi tailwind tersuai untuk buku cerita atau menghuraikan aset dengan betul?

Answer 1

Saya juga mengalami masalah yang sama dan mencuba banyak kaedah tidak berjaya. Adakah anda menemui penyelesaian?

Saya mempunyai tema sambungan imej ini dalam tailwind.config.js:

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

Jika saya mengalih keluar fungsi pseudo url, buku cerita akan bermula tetapi berhenti memproses latar belakang dalam halaman.