sourceMappingURL 및 sourceURL 구문이 변경됨

소스 맵 또는 sourceURL (이 소스 맵에 관한 입문서에서 모두 다룹니다)을 사용하는 경우 Chrome 콘솔에 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.과 같은 경고가 표시될 수 있습니다.

Sourcemapping Devtools 스크린샷

변경사항은 다음과 같습니다.

Impetus

//@cc_on가 IE JScript 엔진에서 조건부 컴파일을 사용 설정하도록 해석된 후 페이지에서 //@ sourceMappingURL가 발견될 때마다 IE와 충돌하는 것으로 확인되었습니다. HTML5 Shiv의 기존 버전이 이러한 문제를 일으키는 주범입니다.

사양 변경

//@ sourceMappingURL 문법은 Sourcemap V3 사양에 정의되어 있습니다. 여기에서 //# 문법을 대신 사용하도록 변경되었습니다.

sourceURL

//@ sourceURL도 사양에 정의되어 있으며 일관성을 위해 //# 문법과 일치하도록 만들어졌습니다. sourceURL의 작동 방식에 관한 자세한 내용을 확인합니다. Ember의 minispade, Google의 concatenate.js 등에서 사용됩니다. Chrome에서는 평가된 JS 외에도 인라인 스크립트와 인라인 스타일에 sourceURL가 지원됩니다.

브라우저 DevTools에서 구현 = 완료!

  • 이제 Safari Inspector에서 sourceMappingURL 및 sourceURL에 //#를 지원합니다.
  • sourceURL에 대한 Firebug 변경사항이 반영되었습니다.
  • Firefox에서 sourceMappingURL의 변경사항이 출시되었습니다. sourceURL 티켓은 여기에서 확인할 수 있습니다.
  • Chrome DevTools에서 sourceMappingURL 및 sourceURL에 관한 변경사항이 적용되었습니다. 지원 중단된 //@ 구문 사용에 관한 경고도 표시됩니다.

이러한 변경사항이 안정화 버전에 적용될 때까지는 필요에 따라 두 문법을 동시에 사용하여 전체 도구 지원을 받거나 # 문법으로 즉시 이전할 수 있습니다.