[Webpack 알아보기] #6 - Loader란?

• 로더는 웹팩이 의존성 그래프를 완성하는 과정에서 다양한 타입의 모듈들을 입력받아 처리하는 역할을 합니다.

• CSS 로더는 CSS를 모듈로 사용하기 위해 사용되며, class 이름의 중복 우려를 감소시키는 장점이 있습니다.

• Sass-loader는 sass module을 읽고 해석하여 css 파일로 컴파일하는 역할을 하며, Style Loader는 처리하는 CSS 파일별로 Style 태그를 생성하여 head 태그 안에 주입합니다.

• File Loader와 URL Loader는 모듈 내에서 사용하고자 하는 파일들을 모듈로 읽어 들일 수 있게 해주는 로더로, 출력의 형태가 다르며 각각의 장단점이 있습니다.