번들링은 여러개의 소스코드 파일을 하나의 파일로 결합 (패키징) 하는과정

과정

(ex: webpack)

1. webpack 과같은 번들링 어플리케이션 시작점을 결정하기 위한 엔드리포인트를 설정한다
   (프로젝트 의 메인 JS 파일로 설정된다)

2. webpack 은 해당파일의 모든 종속성(js, css , img ... ) 을

3. 로더를 이용해 이러한 파일들을 모듈로 변환합니다
   (js 파일을 ES5 문법으로 변환하거나
   CSS 파일을 js 모듈로 변환하는 작업을 수행한다)

4. 로더와 의존성을 기반으로 모든 모듈을 하나의 번들 이라는 파일로 결합합니다

로더 : 소스코드 번들링 과정에서 특정 파일 유형을 처리하고 변환하는 역할 

5. 번들링된 결과물의 이름과 경로를 설정한다
   (웹어플리케이션[브라우저] 에서 사용되면 HTML 파일에 포함 된다)

6.번들링을 실행하여 번들링된 파일이 생성된다

7.번들링된파일을 브라우저에서 실행 가능해진다 (서버나 , 프론트쪽 사용 )