Webpack 이란, '모듈 번들링'이라고 합니다.
모듈 번들링은 html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식입니다.
정리하자면, 필요한 다수의 자바스크립트 파일을 하나의 자바 스크립트 파일로 만들어 주는 것을 Webpack 이라고 합니다
Bundle
소프트웨어 및 일부 하드웨어와 함께 작동하는 데 필요한 모든 것을 포함하는 Package
Babel
자바스크립트 컴파일러 입니다.
최신 ES6버전을 구 버전인 ES5로 변환해줍니다.
Babel은 왜 사용해야 할까?
최신 업데이트 중에 ES6버전은 큰 업데이트 부분을 차지합니다.
크게 일어난 만큼 ES6를 지원해주는 브라우저가 있다. 그 중에서는 지금까지는 크롬, 사파이, 파이어폭스(98%)와 같은 에버그린 브라우저는 최신 업데이트 버전으로 지원을 합니다.
하지만 인터넷 익스플로러11을 사용하는 비율도 11% 정도나 되는데 지원을 하지 않는다. 그러므로 아직 구 버전을 사용하는 ES5버전으로 바꿔주어야 합니다.
그래서 개발환경을 설정할 때, webpack이랑 babel로 기초 환경 설정을 잡고 개발을 해야 합니다.
개발자