모듈 아키텍처/배포

Question

나는이 nice Angular best practices repository을 살펴보고 있었고이 모듈화 패턴을 적용 할 적절한 방법을 찾을 수 없습니다.

필자는 메인 애플리케이션 모듈에있는 다른 모든 모듈을 가져 오는 것이 좋습니다. 내 생각에 저의 생각에 따르면 첫 번째 페이지를로드 할 때 시스템의 모든 js 파일을로드한다는 것을 의미합니다 시간 "을"메인 모듈 "로 옮깁니다.

내가 잘못 찾고 있는데? 나 괜찮아? 만약 내가 옳다면, 모든 js 파일을 loaind하는 것을 피하기위한 해결 방법이 있습니까? js 파일의 로딩 시간에 대해 걱정해야합니까?

Answer 1

각도 응용 프로그램은 SPA이고 페이지는 한 번만로드되며 응용 프로그램이 부트 스트랩 될 때 모든 관련 JS 파일이로드되어야합니다.

Angular는 요청에 따라 추가 모듈 파일을로드하기 위해 지연로드를 공식적으로 지원하지 않습니다. 프레임 워크를 패치하여이를 수행하면 해결할 수있는 것보다 많은 문제가 발생할 수 있습니다.

번들링 시스템 (Webpack, Browserify 등)이있는 모든 모듈을 단일 JS에 번들 로딩하면 JS 파일을 선택적으로로드하는 것보다 로딩 시간이 향상되고 성능이 향상됩니다.