Webpack 알아보기

왜 Webpack이 등장하게 되었을까 ?

규모가 있는 System에서는 많은 Javascript가 존재하게 됩니다.
이 많은 Javascript 파일을 하나의 파일로 관리하기엔 어려움이 많습니다.

-여러 개의 파일을 브라우져에서 로딩하는 것은 네트워크 비용이 그만큼 사용하여 반응속도가 느려지게 됩니다.

• 더 나아가 각 파일의 변수 충돌의 위험성도 존재하게 됩니다.
• 옛날에는 페이지마다 새로운 html을 요청해서뿌려 주는 방식이였다면, 요새는 SPA 하나의 html 페이지에 여러개의 자바스크립트 파일들이 포함하고 있습니다. 연관 되어 있는 자바스크립트 종송석 있는 파일들을 하나의 파일로 묶어줘서 관리하기 편하죠.
• 파일을 컴파일 할 때, 여러 모듈들의 파일을 읽어오는데 시간이 오래 걸립니다. 그 부분을 해결하기 위해 여러 파일을 하나의 파일로 번들링 해줍니다.
• 하나의 자바스크립트 파일로 만들어서 웹페이지 성능 최적화 해줍니다.

Webpack이란?

• Webpack = 모듈 번들링이라고 한다.
• html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식을 모듈 번들링이라고 한다.
• 쉽게 말하면, 필요한 다수의 자바스크립트 파일을 하나의 자바 스크립트 파일로 만들어 주는 것을 Webpack 이라고 한다.