Tailwind가 포함된 스토리북 - Tailwind의 배경 이미지가 해결되지 않았습니다.

Question

Tailwind 배경 이미지의 구문은 다음과 같습니다.

으아악

/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'）”，. 어느 정도 진전은 있지만 뭔가 망가질 수 있으니 만지고 싶지는 않습니다. 스토리북에 사용자 정의 tailwind 구성을 사용하거나 자산을 올바르게 구문 분석하는 것이 가능합니까?

Answer 1

저도 같은 문제에 부딪혀 다양한 방법을 시도했지만 성공하지 못했습니다. 해결책을 찾았나요?

tailwind.config.js에 다음 이미지 확장 테마가 있습니다.

으아아아

URL 의사 기능을 제거하면 스토리북이 시작되지만 페이지의 배경 처리가 중지됩니다.