작성한 질문수
Slack 클론 코딩[실시간 채팅 with React]
작성
·
194
수정됨
0
아이콘...등을 직접만든 이미지로 적용해보려 합니다.
프로젝트 루트폴더에 resource폴더 생성 후 여기에 이미지파일을 넣고 상대경로로 지정하거나 public폴더 생성 후 process.env.PUBLIC_URL로 불러오는 등의 방식을 써봤는데 정적리소스를 불러오지 못하네요.
webpack.config.ts의
devServer에 static: { directory: path.resolve(__dirname) }는 추가 되어있습니다.
답변 1
상대경로 지정하는 게 맞습니다. <img src={require(상대경로)} /> 하시면 웹팩이 처리합니다.
해주신 답변에 확신 갖고 상대경로지정에 대해 더 알아보니 저같은 경우엔 require('')에 .default를 붙혀 주니까 나왔네요.ㅎㅎ <img src={require(상대경로).default} />
감사합니다.
해주신 답변에 확신 갖고 상대경로지정에 대해 더 알아보니 저같은 경우엔 require('')에 .default를 붙혀 주니까 나왔네요.ㅎㅎ <img src={require(상대경로).default} />
감사합니다.