webpack, rollup 번들러 필요 이유

번들러 란?
다양한 파일과 모듈을 하나의 배포 가능한 번들로 묶는 역할

• 네트워크 요청 성능 개성
  다수의 개별 파일에 대해 모두 네트워크 요청을 수행하면 성능 저하가 됨
  ex-수백개의 js,css,이미지 파일을 사용하면 HTTP 요청수가 증가해 로딩 속도 저하됨

• 트랜스파일링을 통해 더 효율적이고 호환성 있는 애플리케이션을 만듬
  코드를 최적화하게 됨
  ex- Dead Code Elimination과 Tree Shaking과 같은 방법을 통해 사용되지 않는 코드와 불필요한 모듈을 제거해 번들 크기 줄이고 로딩 성능 개선함

• 호환성 높이기 위해 최신 JS 문법과 기능을 구형 브라우저에서도 실행 가능하도록 변환
  ex- ES6이상의 모듈, 비동기 함수, 옵셔널 체이닝 같은 최신기능을 지원하지 않는 브라우저에서도 Babel같은 트랜스파일러와 연계해서 해결할 수 있음