[Webpack] 웹팩이란?

 Webpack 

• 여러개의 리소스 파일을 하나의 파일로 묶어주는 도구(bundler) 중 하나로 최신 JavaScript 애플리케이션을 위한 정적 모듈 번들러
• 하나의 시작점(entry point)에 의존되는 모듈을 전부 찾아 하나의 결과물로 만들어 냄.

출처 : https://webpack.js.org/

장점 

• 네트워크 접속의 부담을 줄여 더욱 빠른 서비스를 제공할 수 있음
• 서로 다른 패키지들 간의 동일한 변수명으로 인한 충돌 문제를 줄여줌
• 리팩토링 효과를 냄 : 구동되는 방식은 그대로 유지하며, 내부의 코드를 효율적으로  바꿈
• 다양한 플러그인을 제공하고 다양한 작업을 자동화 할 수 있음
• 구형 브라우저에서 사용 가능하게 함 (IE를 포함한 구형 브라우저에서는 module을 사용할 수 없었음)

 

핵심 개념

• Entry
• Output
• Loaders
• Plugins
• Mode
• Browser Compatibility
• 브라우저 호환성

 

 

참고자료

webpack 공식 사이트

생활 코딩 webpack

김정환 블로그 프론트엔드 개발환경의 이해: 웹팩(기본)