angle2 응용 프로그램의 코드에 액세스 할 수 있고 느슨하게로드 된 모듈이있는 경우 코드를 검사하지 않아도 해당 모듈을 테스트하여 느린 로딩인지 확인할 수 있습니다. 필요하다면 다른 방법이 없다면 문제의 모듈에 코드를 추가하여 테스트 할 수 있습니다. 하지만 어떤 코드를 추가할까요? 크롬 개발 도구 (Ctrl + Shift + I) 구글 크롬 브라우저에서의angular2의 모듈이 느리게로드되었는지 확인하거나 증명할 수 있습니까?
답변
확인 네트워크 탭을 선택합니다.
모듈이 지연로드되지 않으면 사이트가 처음로드 될 때 네트워크 탭에 모듈 행이 표시됩니다.
제대로 지연로드되는 경우 해당 경로를 탐색 할 때만 모듈의 행을 볼 수 있습니다.
희망이 도움이됩니다.
감사합니다. 나는이 만족감에 대한 답을 시험 할 수 없었지만, 내가 가지고있을 때 다시 방문 할 것이다. – Reid
네트워크 트래픽이 어떻게 보일 수 있는지 스크린 샷을 제공해 주시겠습니까? 대단 하시겠습니까! –
나는 이것도 확인하고 싶었다. Network 탭을 살펴 보았지만, 통합 된 Angular 2 개발 환경에서 파일은'bundle.js'에로드됩니다. 따라서 어떤 파일이로드되는지 구분할 수 없습니다 (atleast 나는 그렇게 생각합니다). 나는 심지어 바이올린을 사용하여 시도했지만 동일한 '번들 된'결과를 보여줍니다. OP 질문에 대한 대안이 있습니까? –
배경 개념 : 우선, 게으른로드에 대해 명확하게 설명해야합니다. 게으른로드는 기본적으로 네트워크 또는 서버가 아닌 메모리 (RAM)에 느리게 모듈을로드합니다. 브라우저 캐시 (HD)에 이미있는 모듈 (js 스크립트) - 앱로드 중에 네트워크에서 가져 왔습니다. 따라서 특정 모듈을 느리게로드하면 네트워크 최적화가 아니라 메모리 최적화에 도움이됩니다.
확인하는 방법 : 그냥 모듈 클래스 정의의 생성자 함수에 CONSOLE.LOG을 넣어
import { NgModule } from '@angular/core';
import { LazyComponent } from './lazy.component';
import { LazyService } from './lazy.service';
@NgModule({
imports: [ ],
declarations: [ LazyComponent ],
providers: [LazyService]
})
export class LazyModule {
constructor() {
console.log('Lazily Loaded : LazyModule');
}
}
- 1. 이진수를 파일에 써서 어떻게 증명할 수 있습니까?
- 2. 부작용으로 함수의 정확성을 증명할 수 있습니까?
- 3. 웹팩 번들의 사용법을 어떻게 증명할 수 있습니까?
- 4. 웹 페이지를 향후 증명할 수 있습니까?
- 5. 이미지가 도난당한 것을 어떻게 증명할 수 있습니까?
- 6. angular2의 asyncPipe로 UI 성능을 향상시킬 수 있습니까?
- 7. 페널티가있는 작업 스케줄링 문제가 NP에 있음을 어떻게 증명할 수 있습니까?
- 8. 2-CNF가 NP 완전하지 않다는 것을 어떻게 증명할 수 있습니까?
- 9. 어떻게 다음 논리 문장을 연역적으로 증명할 수 있습니까?
- 10. 몇 가지 조건에서 등식 2를 증명할 수 있습니까?
- 11. 자바 스크립트 함수가 객체임을 어떻게 증명할 수 있습니까?
- 12. 비트 코인 블록이 항상 해결 가능함을 어떻게 증명할 수 있습니까?
- 13. 파일이 정확히 동일하다는 것을 어떻게 증명할 수 있습니까?
- 14. Coq에서 다음 보조 정리를 어떻게 증명할 수 있습니까?
- 15. 수업을 추가하는 것이 효과가 있음을 어떻게 증명할 수 있습니까?
- 16. JavaScript와 PHP는 온라인 카드 게임을 증명할 수 있습니까?
- 17. 유형이 Agda에서 유효하다는 것을 어떻게 증명할 수 있습니까?
- 18. 모델없이 Idris에 물건을 증명할 방법이 있습니까?
- 19. 목록에있는 모든 요소를 증명할 수 있음
- 20. 이 잘 간단한 설정 변경으로 증명할 수
- 21. Mac OSX에서 상태를 확인하거나 HDCP를 켜고 끌 수 있습니까?
- 22. Blackberry 개발 옵션에 대한 내 이해를 확인하거나 수정할 수 있습니까?
- 23. Angular2의 인증
- 24. 스탠다드 버티큘럼에 작업자 모듈이 없을 수 있습니까?
- 25. JBoss 모듈이 jar에 의존 할 수 있습니까?
- 26. 동일한 모듈이 왜 다르게 가져올 수 있습니까?
- 27. PHP에 Apache 모듈이 있는지 확인할 수 있습니까?
- 28. 노드 모듈이 서로를 필요로 할 수 있습니까
- 29. WiFi 모듈이 위치를 감지 할 수 있습니까?
- 30. node.js 모듈이 설치된 디렉토리를 변경할 수 있습니까?
'를 모듈 클래스의 생성자에 보내고 호출 된 시점을 확인합니다 (아직 시도하지 않았습니다). –
게으른로드 된 모듈로 이동하기 전에 네트워크 활동을 지우고 레이디로드 된 경우 해당 모듈에 필요한 파일이로드됩니다. –