Webpack 사용 시 주의사항!

webpack 5로 오면서 uglifyJs 대신 terser-webpack-plugin가 사용됨

• uglify-js가 es6+이후로 지원하지 않는다는 점 관련 링크

• 최소화하기 위해 내부적으로 terser를 이용한다

terser-webpack-plugin

일단 bundle의 사이즈가 너무 큼

• webpack-bundle-analyzer로 확인해보니,

webpack-bundle-Analyzer

file-loader가 webpack 5를 기점으로 asset module을 사용하는 것을 추천하는 거로 변경

• asset-module

asset-module