js.map 파일 의미 (턴)

작은 쓰레기 같은 놈들 · 게시됨 2018. 7. 3. 오전 9:26:46

소스 맵 파일이 무엇인가요?
소스 맵 파일은 JS 파일이 압축된 후 해당 변수 이름과 변수 위치를 대체하는 메타데이터 파일이며, 일반적으로 이 파일은 min.js 마스터 파일과 동일한 디렉터리에 배치됩니다. 예를 들어, 압축 후 원래 변수는 map이고, 압축 후에는 변수 교체 규칙으로 a로 대체할 수 있습니다. 이 경우 소스 맵 파일은 이 매핑 정보를 기록하는데, 이는 디버깅 시 JS 오류가 있을 경우 브라우저가 압축된 js를 파싱하여 다시 병합해 압축된 js를 파싱하여 개발자들이 압축 전 코드를 디버깅할 수 있게 하여 매우 편리하게 만듭니다!
이런 단순화된 디버깅 기능은 현재 chorme만 가지고 있어서, 제목에 문제가 있을 수 있습니다. 제가 jquery-1.10.2.min.js를 도입했을 때, Firefox나 다른 브라우저에서 잘 작동하며, 위의 상황 때문에 chorme, 404에서 jquery-1.10.2.min.map 파일을 찾을 수 없다고 보고됩니다. jquery는 브라우저가 소스 맵 함수를 지원하는지 감지합니다 지원된다면 소스 맵 파일을 다운로드하세요. 그리고 지금 공식 웹사이트를 참조하는 min.js 문제없습니다. 해당 사이트는 자체 디렉터리로 이동해 소스 맵 파일을 찾을 수 있고, jquery.min.js 파일이 서버에 있지만 서버에 소스 맵이 없다면 잘못 보고됩니다!

세 가지 해결책:

1. 공식 웹사이트 문서 인용
2. 소스 맵 파일을 다운로드하여 서버에 올려놓으세요 (권장)
3. 개발자 도구 > chorme 파일 도구 -> 설정 -> 소스 맵 활성화, 이 체크를 제거하세요. jquery는 소스 맵 파일을 다운로드하지 않습니다!

[JavaScript] js.map 파일 의미 (턴)

관련 게시물

본 섹션