storybook에서 public 폴더에 있는 에셋을 사용하고 싶을 때

😥  문제상황

---

storybook으로 컴포넌트를 테스트하는 과정에서 public 폴더에 있는 파일들을 절대경로로 불러왔더니 제대로 렌더링되지 않는 것을 볼 수 있었다.

 

🔨  해결책

---

package.json 파일에서 scripts 부분을 수정해주면 된다.

// package.json
{
  "scripts": {
    "start-storybook": "start-storybook -s ./public -p 9001"
  }
}

이렇게 코드를 수정해주면 storybook에서도 static 파일을 가져올 수 있다.