DevTools 팁: DevTools의 소스 맵

Sofia Emelianova

소스 맵을 사용하면 코드를 결합하고 축소한 후에도 성능에 영향을 미치지 않으면서 코드를 읽고 디버그할 수 있습니다. 소스 맵의 작동 방식을 알아보려면 이전 DevTools 팁 동영상을 참고하세요.

DevTools에서 소스 맵으로 작업하는 방법을 알아보려면 다음 동영상을 시청하세요.

• 소스 맵을 사용 설정합니다.
• 개발자 리소스 탭을 사용하여 소스 맵이 성공적으로 로드되었는지 확인합니다.
• 필요한 경우 수동으로 소스 맵을 로드합니다.
• 평소와 같이 배포하는 대신 (매핑된) 원본 코드를 디버그합니다.
• 작성한 파일을 그룹화하여 소스에서 파일 트리를 더 쉽게 탐색할 수 있습니다.

자세한 내용은 다음을 참고하세요.

• 소스 맵이란 무엇인가요?
• 소스 맵으로 배포하는 대신 원본 코드 디버그
• 개발자 리소스: 소스 맵 보기 및 수동으로 로드