Chrome에서 RequreJS로 검색 한 스크립트를 디버깅하는 방법

Question

저는 RequireJS를 사용하여 스크립트를 호출하는 제 3 자 플러그인을 사용하고 있습니다. 예를 들어 디버그하고 싶습니다. 스크립트에서 중단 점을 설정했지만 크롬 개발자 도구의 스크립트 탭에는 표시되지 않았습니다.

크롬에서 디버깅을 수행 할 수 있습니까?

Answer 1

RequireJS로로드 된 모듈을 디버깅하는 유일한 어려움은 조건 X가 발생하고 응용 프로그램이 처음로드 될 때이 조건이 존재하지 않으면 모듈이로드되는 경우 조건을 발생할 때까지 기다려야 만한다는 것입니다 모듈 코드의 중단 점.

예를 들어

당신이 모듈 foo의 기능 bar를 디버깅 할 경우 foo는 다음과 같이로드됩니다 : 당신이 foo.bar 내부에 중단 점을 추가 할 수 있습니다 전에

if (X) { 
    require(["foo"], function (foo) { 
     foo.bar(); 
    }); 
} 

당신은 조건 X를 실행해야 할 것이다. 대부분 foo.bar() 호출 위치에 중단 점을 넣으므로 foo.bar 내부에 중단 점을 추가 할 수 있습니다.

Chrome 및 Firefox와 디버깅 기능을 제공하는 다른 브라우저에서 마찬가지입니다.