찰나의 개발흔적 찰나의 개발흔적

Webpack (웹팩) 1. 개념 자바스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. 그렇다고 여러개의 파일을 로딩할 때의 단점도 존재한다. 단점 1) 여러개의 파일을 브라우저에 로딩하는 만큼 네트워크 비용을 치뤄야 한다. 단점 2) 각 파일은 서로의 범위를 침범하면 안되지만, 잘못 작성할 경우 변수 충돌의 위험성이 있다. 웹팩은 이러한 배경에서 이해할 수 있다. 기본구조에서 Module, Bundle, Entry, Output, Mode, Plugin 에 대해 개념을 자세히 정리하려 한다. 2. 기본구조 Module Bundle 참조관계에 있는 모듈을 모아 하나의 파일로 묶어준다. 중요한 이유 모든 모듈을 로드하기 위해 검색하는 시간이 단축된다 사용하지 않는 코드를 제거해준다 파일의 크..