url-loader
-
[Webpack] file-loader, url-loader개발/Javascript 2022. 8. 3. 18:00
Webpack 4 file-loader module.rules에 다음과 같이 설정했었습니다. 별도로 file-loader를 설치해야 합니다. { test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { publicPath: './dist/', name: '[name].[ext]?[hash]' } } output.path 프로퍼티에 설정한 경로에 번들링된 파일이 위치하게 됩니다. url-loader 이는 dataURI 스킴을 처리하는 로더입니다. 작고 여러 개인 이미지에 대한 http 요청을 줄여야 할 때 사용을 고려해볼 수 있습니다. 별도의 url-loader를 설치해야 합니다. 다음처럼 설정하면 2kb 미만의 이미지 파일은 base64로 인코딩 ..