• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

컴포넌트 재사용의 경우 코드스플리팅 기준

22.02.15 01:46 작성 조회수 235

1

안녕하세요, 강의 잘 들었습니다.

 

다름이아니라, 코드스플리팅을 적용해주는 기준점을 어떻게 잡아야할지 궁금해서 이렇게 질문을 드리게되었습니다.

 

A 와 B 라는 페이지가 있을 경우,

A와 B에서 공통으로 사용하는 컴포넌트가 존재하는 경우에

페이지 단위로 코드스플리팅을 하게 되면, 각 페이지에서 동일한 컴포넌트를 중복하여 번들링하게 되는건가요?

 

번들링을 중복으로 하게된다면 그 부분은 단점이라고 생각하게되는데, js파일을 실행시켜 돔에 그려주기전까지 대기시간의 총합은 더 커지게되나, 초기렌더링의 시간을 줄여 줄 수 있기 때문에 사용되는건가요??

 

마지막으로, 번들링이 중복으로 된다면 조금이라도 오버헤드를 줄일 수 있는 패턴이나 방법이 있을까요?

 

감사합니다.

답변 1

답변을 작성해보세요.

2

안녕하세요, easyiscat님,

코드 분할에 대해서 질문을 주셨는데요,

A, B 페이지에서 공통 모듈을 사용하고 페이지 단위로 코드 분할을 할 때, 어떤 구조로 코드 분할이 될지는 해봐야 알 것 같은데요, (아마 페이지 따로 모듈 따로 분할될 거라 생각됩니다.)

확실한건, 모듈이 중복으로 들어가지는 않습니다.
분할된 모듈 코드를 A에서 로드했다면 B에서는 로드없이 이미 로드된 모듈을 그대로 사용합니다.

답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)