📚 Reference

📜 Chapter

‣

Source Map

Source Map
소스맵
배포용으로 빌드한 파일과 원본 파일을 서로 연결시켜주는 기능이다.
.map
Source Map(소스맵, .map 파일)은 빌드된 코드(JS, 번들) ↔ 원본 코드(TS, JSX, SCSS 등) 사이의 매핑 정보를 담은 파일이다.
빌드/번들된 JS는 난독화·압축돼서 디버깅하기 어려움
소스맵이 있으면 브라우저/에디터/에러 리포터가 “에러가 번들된 dist/index.js:2에서 났네 → 원래 src/components/Button.tsx:15임” 이렇게 원본 코드 라인/파일까지 추적 가능

목적

디버깅 편리, 에러 추적 정확

사용 방법