LHJ

I'm a FE developer.

웹팩 시작하기 튜토리얼 파트8 - 웹팩 빌드 결과 파일 분석

20 Sep 2020 » node_webpack

웹팩 시작하기 튜토리얼 파트8 - 웹팩 빌드 결과 파일 분석

빌드 결과물을 보면 1~85번째 줄은 웹팩 내부관련 코드라는 것을 알 수 있다.

그리고 빌드하면서 추가된 모듈들 앞에는 위와 같이 번호가 붙는데, 위 결과물에서 1번이 바로 합쳐진 lodash 라이브러리이다.
웹팩에선 웹사이트를 구성하는 각각의 파일들 혹은 하나의 모듈들을 이렇게 번호로 관리한다.

웹팩 빌드 결과물은 자바스크립트 즉시실행함수(+익명함수) 형태이다.
IIFE란 Immediately invoked function expression의 약어이다.

(function () {

})()

위 구조로 웹팩 결과물이 나온다.

왜 즉시실행 함수 형태로 결과물을 내보낼까?
이는 다음 포스팅에서 알아보자.