웹 브라우저는 JavaScript 파일의 소스 맵을 어떻게 찾습니까?

Question

following article은 jQuery과 같은 JavaScript 파일의 소스 맵을 찾으려면 웹 브라우저가 JavaScript 코드를보고 JavaScript 코드에 sourceMappingURL 지시문이 포함 된 줄을 찾습니다. 예를 들어 jQuery 1.9.0 minified 파일에는 파일 끝에 이러한 지시문이 포함되어 있습니다. 그러나 더 최근의 jQuery 1.11.1 minified 배포판에는 그러한 지시문이 포함되어 있지 않지만 jQuery 1.11.1 map file 또한이 최종 안정 jQuery 1 버전과 함께 배포됩니다. 그렇다면 웹 브라우저는 축소 된 파일에 대한 맵 파일을 어떻게 찾습니까?

sourceMappingURL 지시어를 찾는 웹 브라우저의 규칙은 .js이 같은 이름의 파일을 찾는 명명 규칙을 따르고 .min으로 바뀌 었습니다. 무슨 일이 있었던거야?

최근 출시 된 Firefox Developer Edition의 설명서에 따르면 해당 브라우저는 여전히 sourceMappingURL 지시어를 찾는 것으로 보입니다.

감사합니다.

Answer 1

최신 버전의 소스 매핑을 삭제 뒤에 추론은 축소 된 파일의 sourcemap 주석을 포함하지 않는 JQuery blog

이 릴리스 에 설명되어 있습니다. 소스 맵은 매우 문제가되고 수수께끼가있는 것으로 밝혀졌습니다. 포럼에서 StackOverflow와 같은 혼란스러운 개발자가 수백 명이나 산더미처럼 나타나서 일부는 jQuery 자체를 생각하는 것으로 인해 이 깨졌습니다.

우리는 여전히 발생하고 sourcemaps를 배포하지만, 브라우저가 수동으로 현재 아무것도하지 않는다 (지도를 파일을 연결하는 지원하지 않는 경우 필요가 축소 된 파일의 끝 부분에 해당 sourcemap 주석을 추가 할 수 있습니다). 사용자 정의 빌드 프로세스를 사용하여 자신의 jQuery 파일을 생성하면 소스 맵 주석이 확장 파일에 존재하며 맵이 생성됩니다. 당신은 그것을 그대로두고 소스 맵을 사용하거나 그것을 편집하고 맵 파일을 완전히 무시할 수 있습니다. 순간도 디자인도 구현에서 우리는 다시 가져올 미래에 sourcemap 지원을 개선하기 위해 희망

하지만 는 jQuery의 널리 CDN 서비스에 파일을 이 분산되는 경우 등의 상황에 을 맞는 것 같다. 에 대한 소스 맵 (및이를 지원하는 브라우저)이 파일 이름 바꾸기 또는 누락 된 파일 같은 상황을 정상적으로 처리하도록합니다. 자세한 내용은 버그 티켓을 참조하십시오.