AncomWiki

sourceMappingURL 및 sourceURL 구문 변경 (//@ → //#)

Properties1
description브라우저 개발자 도구의 소스맵 지원 관련 구문이 변경되었습니다. 기존 `//@ sourceMappingURL` 및 `//@ sourceURL` 구문은 IE 조건부 컴파일(`//@cc_on`)과의 충돌 문제를 해결하고 명세(Sourcemap V3)에 맞추어 `//# sourceMappingURL` 및 `//# sourceURL`로 변경되었습니다. Chrome, Firefox, Safari 등 주요 브라우저의 DevTools는…

9 min read

sourceMappingURL 및 sourceURL 구문 변경 (//@ → //#)

Source

  • Evernote/Technote scraps/sourceMappingURL and sourceURL syntax changed.md

Summary

브라우저 개발자 도구의 소스맵 지원 관련 구문이 변경되었습니다. 기존 //@ sourceMappingURL 및 //@ sourceURL 구문은 IE 조건부 컴파일(//@cc_on)과의 충돌 문제를 해결하고 명세(Sourcemap V3)에 맞추어 //# sourceMappingURL 및 //# sourceURL로 변경되었습니다. Chrome, Firefox, Safari 등 주요 브라우저의 DevTools는 이미 이 변경사항을 반영했으며, 구문 사용 시 Chrome 콘솔에서 경고가 발생할 수 있습니다. 완전한 호환성을 위해 양쪽 구문을 병행하거나 즉시 새 구문으로 마이그레이션할 수 있습니다.

Key Points

  • 기존 //@ 접두사 사용 시 IE JScript 엔진의 조건부 컴파일과 충돌할 수 있음
  • Sourcemap V3 명세에 따라 //# 구문으로 표준화됨
  • Chrome, Firefox, Safari 등 주요 브라우저 DevTools가 변경사항 적용 완료
  • 구문 사용 시 Chrome에서 비권장(deprecated) 경고 발생 가능
  • 마이그레이션 중에는 양쪽 구문을 동시에 사용하여 도구 지원 보장 가능

그래프 뷰

백링크