반응형 SVG 로더1 11. 모듈 번들링과 로더 활용 - 3 이미지 및 폰트 등의 파일 처리 웹 개발에서는 이미지, 폰트와 같은 정적 파일들을 효과적으로 처리하는 것이 중요합니다. Webpack은 다양한 로더를 통해 이미지 및 폰트 파일들을 번들에 포함시킬 수 있습니다. 1. 이미지 로더 Webpack에서 이미지를 처리하기 위해서는 file-loader나 url-loader를 사용합니다. url-loader는 작은 이미지를 Data URL로 인라인화하여 번들 크기를 줄일 수 있습니다. 1.1 설치 npm install file-loader url-loader --save-dev 1.2 Webpack 구성 // webpack.config.js module.exports = { module: { rules: [ { test: /\.(png|jpg|gif)$/i, us.. 2023. 12. 24. 이전 1 다음 반응형
