목록React (2)
oris9
[React] vite로 프로젝트 생성후 이미지 배포 오류 (vite에서 정적파일 가져오기, asset, public assets 차이)
- public - /*로고 이미지 파일*/- src - assets - /*.svg, .png 파일들*/일반적인 프로젝트 디렉토리 구조이다. Vite는 모듈 시스템을 이용하는 경우 자동으로 상대경로를 절대경로로 변환한다.그래서 import a from "../../../assets/a.png" 와 같은 상대 경로를 사용하는 코드는 Vite로 빌드시 자동으로 절대경로로 변환된다.하지만!!! HTML 파일의 태그에서는 이러한 자동 변환이 일어나지 않는다. 🥹이러한 이유로 에셋을 사용할때 상대경로르 입려했지만 로고이미지 다운에서만 문제가 발행하였다.모듈로 import 되지 않는 에셋을 사용하가 위헤서는 절대 경로를 사용하는 것이 더 안전하다!profile넴 이미지 파일명을 그대로 ..
React
2024. 6. 5. 18:56