웹팩의 로더(loader)와 플러그인(plugin)의 차이는 뭘까?
Loader
- 로더는 웹팩이 파일을 해석하는 동안 파일 변환을 수행하는 역할.
- 다양한 유형의 파일을 모듈로 가져오고 처리하는데 사용된다.
- JavaScript 파일을 ES5로 변환하거나, CSS 파일을 JS 모듈로 변환하는 작업을 로더가 수행한다.
Plugin
- 웹팩의 빌드 프로세스 전체에 걸쳐서 추가적인 작업을 수행하는 역할을 한다.
- 빌드 과정 중에 발생하는 여러 이벤트에 훅을 등록하여 특정 작업을 수행 할 수 있다.
- 번들 최적화/ 환경변수 주입/ 결과물 생성등의 작업을 플러그인이 담당한다.