Plugins VS Loaders

Loaders

  • webpack은 기본적으로 JavaScript와 JSON 파일만 이해한다.
  • Loaders를 사용하면 webpack이 다른 유형의 파일을 처리할 수 있다.
  • // 또한 다른 유형의 파일들을 유효한 모듈로 변환하여 애플리케이션에서 사용하거나 디펜던시 그래프에 추가한다.

Plugins

  • 번들을 최적화하거나, 에셋을 관리하고, 또 환경 변수 주입 등과 같은 광범위한 작업을 수행할 수 있다.
  • 플러그인을 사용하려면 require()를 통해 플러그인을 요청하고 plugins 배열에 추가해야 한다.
  • 대부분의 플러그인은 옵션을 통해 사용자가 지정할 수 있다.
  • webpack은 설치 없이 사용할 수 있는 플러그인들을 제공한다.

결론

Loaders는 다른 유형의 파일을 처리하기 위해,
Plugins는 번들 최적화, 에셋 관리, 환경 변수 주입 등 광범위한 작업 수행
// 써보면서 추가해야할 듯