[JavaScript] Webpack - Bundle

Webpack

Bundle

JS, CSS, JPG, PNG 등 여러개의 파일들을 모듈로 다룰 수 있는데 웹팩을 사용하면 웹에 사용되는 다양한 파일을 모두 모듈로 다룰 수 있습니다.
서로 참조하는 파일들을 모아서 하나의 파일로 묶는 것을 Bundle이라고 합니다.

Bundle이 중요한 이유

1. 모든 모듈을 로드하기 위해 검색하는 시간이 단축됩니다.
   (서로 참조하는 Module A, B, C가 있다면 Module A와 Module B, C가 참조하고 Module A만 불러오게 됩니다.)
2. 사용하지 않는 코드를 제거해줍니다.
   (Module에 함수 A, B, C가 있고 그 중에 함수 A,B를 사용하게 되면 함수 C를 제거해줍니다. 즉, 제거해주기 때문에 파일 크기가 줄어듭니다.)
3. 파일의 크기를 줄여줍니다.