webpack
최신 javascript 애플리케이션을 위한 모듈 번들러입니다.
여러 js, css, jpg등의 파일들을 하나의 병합된 결과물로 만들어 줍니다.
하나 이상의 entry(진입점)에서 필요한 모든 모듈을 하나 이상의 번들로 결합합니다.
추가로 사용하면 좋을 플러그인
- javascript를 최소화/최적화하기 위한 teserWebpackPlugin
(https://webpack.js.org/plugins/terser-webpack-plugin/) - 모듈이 차지하는 용량을 한눈에 확인하기 위한 BundleAnaylzerPlugin (번들 시각화 도구)
- 빌드 이전 결과물을 제거하는 CleanWebpackPlugin