본문 바로가기

Frontend/WEBPACK

[webpack] 공식문서 공부하기 (3). concepts

반응형

webpack은 app을 프로세싱할때 내부적으로 프로젝트에 필요한 모든 모듈들을 매핑하는 종속성그래프라는 것을 만들고 한개 이상의 번들파일을 만들어낸다.

 

 

언제나 하나의 파일은 다른 파일에 의존한다. 웹팩은 이것을 의존성으로 취급한다. 

웹팩은 이미지나 폰트, 다른 리소스들까지도 의존성을 제공한다.

 

이러한 그림을 상상하면 될듯하다(실제는 훨씬 더 복잡할것이다.)

 

웹팩이 번들링 처리를 할때 그 시작은 config file의 entry points다.

웹팩은 제귀적으로 의존성그래프를 만들고 그것을 이용해서 모든 모듈들의 번들링을 한다.

 


 

webpack의 핵심이 되는 concept

이 core concepts를 알면 설정을 할 수 있게 된다. 

entry부터 차근차근 포스팅 하도록 하겠다.

 

 

 

반응형