웹팩

웹팩에 대해서 '공부해야지.. 포스팅해야지..' 마음 먹었었지만 그렇게 몇 달은 지났다. 이제서야 공부를 하고 포스팅하게 되었다 📌 1. 등장 배경 웹팩이 등장한 배경에 대해서 자세히 알아보자. 먼저 모듈이라는 개념에 대해 알아야 한다.

📍 지난 시간에 웹팩이 등장한 배경에 대해서 간단히 알아보았다. 모듈이 등장했지만 표준모듈 시스템이 아직 모든 브라우저에서 동일하게 잘 적용되는 환경이 갖추어지지 않은 탓에 웹팩이 등장하게 되었다고 설명했다. 2. 엔트리 / 아웃풋 아래 이미지는 웹팩 공식홈페이지에

웹팩은 모든 파일을 모듈(module)로 바라보고 있다. 그렇기 때문에 import 구문을 통해 모든 파일들을 자바스크립트 코드안으로 가져올 수 있는 것이다. 그럼 과연 로더는 무엇일까? 1. 로더 1.1 로더의 역할 로더는 타입스크립트 같은 다른 언어를 자바스크립

번들링된 이후의 파일에 대해 처리하는 플러그인에 대해 알아보자!

지난 챕터에서 웹팩 플러그인에 대해 알아보았다. 플러그인은 번들링이 끝나고 난 결과 파일에 대한 후속 처리를 해주는 기능을한다. 하지만 직접 작성할 일은 거의 없다고 했다. 자주 사용되는 플러그인을 알아보자 📌웹팩이 기본으로 제공하는 플러그인으로 결과물에 빌드 정보나