Chrome DevTools에 표시된 jsx 코드에서 원시 ES5로 다시 전환하는 빠른 방법이 있습니까?
답변
개발자 도구를 열고 개발자 도구의 “설정”으로 이동 한 다음 Enable JavaScript Sourcemaps“소스”설정에서 선택을 취소 합니다.
답변
줄 번호를 두 번 클릭하여 소스 파일에서 축소되지 않은 출력 파일로 이동할 수 있습니다. 그 외에는 제한적으로 보입니다. 아래 주석을 참조하십시오.
나는 이것이 개발 중에 유용하다는 것을 알았습니다. webpack-dev-serverjs를 축소하지 않고 사용할 때 (또는 다른 도구) 소스 파일에서 줄 번호를 두 번 클릭하여 컴파일되었지만 축소되지 않은 출력 파일로 이동할 수 있습니다.
방금 우연히 발견 한 후 2016 년 12 월 21 일에이 댓글을 찾았습니다.
https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
줄 번호를 두 번 클릭하여 원본 파일로 이동할 수 있지만 축소 된 파일에 모든 줄 바꿈이 제거 된 경우에는 거의 쓸모가 없습니다.
단어 줄 바꿈을 사용하면 더 잘 작동합니다
https://bugs.chromium.org/p/chromium/issues/detail?id=167287축소 된 파일의 섹션을 두 번 클릭하여 소스 매핑 된 파일로 이동하는 데 일부 지원이 있다고 생각하지만 늦게 퇴보 한 것 같습니다.
소스 맵이있는 축소 된 파일에서 축소 된 파일의 아무 곳이나 마우스 오른쪽 단추로 클릭 (또는 두 번 클릭)하면 정확한 파일, 행 및 열로 이동할 수 있어야합니다.
