[인프런] 프론트엔드 개발환경의 이해와 실습 (자주 사용하는 로더)

로더 중에서 자주 사용하는 로더에 대해 알아보고 직접 사용해보자. 자주 사용하는 로더 css-loader css-loader를 사용하면 자바스크립트에서 CSS 파일을 import 구문을 통해 모듈로 불러올 수 있다. 그러기 위해 css-loader를 설치해보자. $ npm install -D css-loader 그리고 웹팩 설정에 로더를 추가한다. webpack.config.js module.exports = { module: { rules: [ { test: /\.css$/, // .css 확장자로 끝나는 모든 파일 use: ["css-loader"], // css-loader를 적용한다 } ] } } 웹팩이 엔트리 포인트부터 시작해서 모듈을 검색하다가 CSS 파일을 찾으면 css-loader로 처리하..