웹팩이란 도대체 무엇이니?
웹팩은 모듈 번들러이다.
모듈 번들러가 하는 일은 다양한 유형의 파일(javascript, css, 이미지 등)을 하나의 번들 파일로 결합하는 일이다.
- 번들파일은 일반적으로 javascript로 구성되어 있다.
그러면..번들파일에 대해 자세히 알아보자!
번들 파일(Bundle File)은 모듈 번들러가 여러 모듈 파일을 하나로 묶은 결과물입니다. 번들 파일은 일반적으로 JavaScript 코드로 구성되어 있습니다.
번들 파일을 생성하는 과정에서, 모듈 번들러는 애플리케이션에서 사용하는 모든 모듈을 탐색하고, 이를 하나의 파일로 번들링합니다. 이 때, 모듈 간의 의존성 정보를 기반으로 각 모듈을 적절한 순서로 연결합니다. 이렇게 번들링된 파일은 HTML 파일에 삽입되어 브라우저에서 실행됩니다.
번들 파일은 여러 모듈 파일을 하나로 묶어주기 때문에, 브라우저에서 애플리케이션을 실행할 때 필요한 파일의 수를 줄이고, 로드 속도를 높일 수 있습니다. 또한, 각 모듈 간의 의존성 정보를 적절하게 해결하여, 브라우저에서 코드 실행에 필요한 모듈들이 올바른 순서로 실행될 수 있도록 도와줍니다.
번들 파일은 일반적으로 프로덕션(배포) 환경에서 사용됩니다. 개발 환경에서는 모듈 간의 의존성 관리를 위해 원래 파일을 사용하고, 프로덕션 환경에서는 모든 모듈을 번들링하여 애플리케이션의 로드 속도를 개선합니다.
