• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

정적파일을 불러오는 방법 부탁드려요

23.12.08 11:50 작성 23.12.08 11:52 수정 조회수 135

0

아이콘...등을 직접만든 이미지로 적용해보려 합니다.

프로젝트 루트폴더에 resource폴더 생성 후 여기에 이미지파일을 넣고 상대경로로 지정하거나 public폴더 생성 후 process.env.PUBLIC_URL로 불러오는 등의 방식을 써봤는데 정적리소스를 불러오지 못하네요.

 

 webpack.config.ts의

devServer에 static: { directory: path.resolve(__dirname) }는 추가 되어있습니다.

답변 1

답변을 작성해보세요.

0

상대경로 지정하는 게 맞습니다. <img src={require(상대경로)} /> 하시면 웹팩이 처리합니다.

sim jr님의 프로필

sim jr

질문자

2023.12.08

해주신 답변에 확신 갖고 상대경로지정에 대해 더 알아보니 저같은 경우엔 require('')에 .default를 붙혀 주니까 나왔네요.ㅎㅎ <img src={require(상대경로).default} />

감사합니다.