storybook load csv 파일

Question

React storybook 프레임 워크에서 정적 파일을로드하는 방법에 관한 빠른 질문이 있습니다. 현재 create-react-app의 지침에 따라 이야기 책을 만들었습니다.

이제 시각화 할 데이터가 들어있는 CSV 파일을로드하려고합니다. 이를 위해 나는 here 지시에 따라 csv 파일을 공용 폴더 아래에 두었습니다.

그러나 파일을로드 할 수 없습니다. 어떤 제안?

Answer 1

기본 webpack 구성 스토리 북에서는 csv 파일 가져 오기를 허용하지 않습니다. 이 예제에서는 이미지와 같은 미디어 파일 만 지원합니다.

Extend Mode을 사용하여 스토리 북 웹팩 설정에이 맞춤 로더 dsv-loader을 추가하는 것이 좋습니다. 그러면 csv 데이터를 자바 스크립트 객체로 가져올 수 있습니다.