블로그

개요 웹팩은 시작점을 통해 연결된 모든 의존적인 모듈을 하나의 파일로 합쳐주는 모듈 번들러이다. 번들러란 무엇일까? 부터 들어가기에는 로더에 대해 알아보려하기 때문에 넘어가도록 하자! 참고로 시작점은 복수일 수도 있다. 로더 웹팩에서 로더는 번들링을 위한 파일의 변환을 도와주는 핵심적인 역할을 담당한다. 로더를 통해 자바스크립트 파일에서 CSS 파일을 import할 수 있고, TypeScript와 같은 다른 언어를 JavaScript로 변환할 수 있다. 로더의 사용 방법은 설정 파일과 인라인의 두 가지 방식이 있지만 공식 사이트에서는 설정 파일을 통한 사용을 권장한다. 그러므로 별도로 소개는 하지 않겠지만... 인라인 방식의 예시는 아래와 같다. import Styles from 'style-loader..