Webpack에서 asset 압축 설정하기

최근 진행하고 있는 외주 프로젝트에서 이미지 및 js, css 관련 최적화 과정 진행 중 webpack의 압축 관련 설정을 살펴보던 중 참고할만한 링크들을 찾았다.

공식 링크

• https://webpack.js.org/plugins/compression-webpack-plugin/
• https://github.com/webpack-contrib/compression-webpack-plugin

webpack3 버전 compressions-wepack-plugin

• https://webpack-3.cdn.bcebos.com/plugins/compression-webpack-plugin/

js module for image compression

• https://www.npmjs.com/package/browser-image-compression
• demo: https://donaldcwl.github.io/browser-image-compression/example/basic.html

webpack plugin for image compression

• https://github.com/tcoopman/image-webpack-loader#readme
• https://github.com/Klathmon/imagemin-webpack-plugin#readme
• blog
  • https://web.dev/use-imagemin-to-compress-images/
  • https://coderrocketfuel.com/article/compress-a-png-image-size-by-up-to-75-percent-with-node-js

webpack loader for image trace

• https://github.com/EmilTholin/image-trace-loader#readme