Webpack의 역할

• 우리의 코드를 변환시키는 역할을 한다.

4가지 요소

1. entry. 이는 웹팩이 어디서부터 코드를 변환시키는지 알려줌
2. output 변환이 된 코드를 어디에 놓을지 알려준다 변환이 끝난 후에
3. loader 웹팩에게 각 파일을 어떻게 관리하는지 알려줌 (이미지 파일을 위한 로더, scss파일을 위한 로더, 자바스크립트를 위한 로더 등등..)
4. 플러그인 전체코드를 변환시킴, 각기 다른파일들을 변환시킨 후에 플러그인은 끝난 파일들을 변환시킴

로더는 한가지 종류의 파일만 변환시키고 플러그인은 전체 코드를 변환시킨다.

웹팩은 모든 파일을 module로 이해한다.

웹팩은 자바스크립트만 이해한다.

웹팩은 여러개의 엔트리를 가질 수 있지만 한개의 아웃풋만을 가질 수 있다.