TypeScript 맵 파일이란 무엇입니까?
내가 본 .map타이프 할 파일을. 내가 알고 싶은 것은이 파일이 무엇을위한 것인지입니다. .ts 파일에 참조 된 다른 파일에 대한 참조가 포함되어 있습니까?
.map 파일은 도구가 내 보낸 JavaScript 코드와이를 생성 한 TypeScript 소스 파일간에 매핑 할 수 있도록하는 소스 맵 파일입니다. 많은 디버거 (예 : Visual Studio 또는 Chrome의 개발 도구)가 이러한 파일을 사용할 수 있으므로 JavaScript 파일 대신 TypeScript 파일을 디버깅 할 수 있습니다.
이것은 일부 minifier 및 CoffeeScript 와 같은 JS로 컴파일 된 다른 언어에서 생성되는 동일한 소스 맵 형식 입니다.
소스 맵은 기본적으로 한 언어에서 다른 언어로의 맵이므로 디버거가 JavaScript 코드를 실행할 수 있지만 실제로 생성 한 라인을 표시합니다.
실용적인 디버깅 목적 :
소스 맵을 사용하면 TypeScript 파일 에 중단 점을 설정 한 다음 코드를 디버그 할 수 있습니다. 이것은 Chrome 및 Firefox에서 수행 할 수 있습니다. 다소 혼란스럽게도 Chrome의 디버거 동작은 중단 점에 도달하면 '.js'파일이 실제로 표시된다는 것입니다 (중단 점에서 중지됨).
오늘부터 Firefox 디버거는 중단 될 때 실제 TypeScript 파일을 표시합니다. 아래 참조를 참조하십시오.
(또한 소스 맵을 생성하도록 Visual Studio를 구성하는 방법도 보여줍니다.)
소스 맵의 작동 방식을 이해하려면 여기에서 '소스 맵의 구조'섹션을 읽으십시오.
https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
참고 URL : https://stackoverflow.com/questions/17493738/what-is-a-typescript-map-file
'development' 카테고리의 다른 글
| 파이썬에 불변 목록이 있습니까? (0) | 2020.10.27 |
|---|---|
| C ++ 11 정규식은 파이썬보다 느립니다. (0) | 2020.10.27 |
| / etc / hosts에 와일드 카드 항목을 넣는 방법은 무엇입니까? (0) | 2020.10.27 |
| 만드는 방법 (0) | 2020.10.27 |
| find 명령에 대한 exec 매개 변수에서 파이프를 어떻게 사용합니까? (0) | 2020.10.27 |