webpack

1. Vite를 사용해야 하는 이유브라우저에서 ESM(ES Modules)을 지원하기 전까지, JavaScript 모듈화를 네이티브 레벨에서 진행할 수 없었다.그래서 소스 모듈을 브라우저에서 실행할 수 있는 파일로 크롤링, 처리 및 연결하는 "번들링(Bundling)" 이라는 방법을 사용해야 했다.하지만 처리해야하는 JavaScript 모듈의 개수가 증가하면서 성능 병목 현상이나 서버를 가동하는데 오랜 시간을 기다려야 하는 등 문제가 발생했다.vite는 애플리케이션 모듈을 dependencies와 source code 두 가지 카테고리로 나누어 개선했다. Dependencies개발 시 그 내용이 바뀌지 않을 일반적인 JavaScript 소스 코드이다.보통 애플리케이션에서 사용하는 라이브러리나 패키지를 의..

Webpack이란?Webpack = 모듈 번들링(Module Bundling)이라고 한다.(* 모듈 번들링 : html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식)-> 필요한 여러 개의 자바스크립트 파일을 하나의 자바스크립트 파일로 만들어주는 것 왜 Webpack을 사용하는가?과거에는 페이지마다 새로운 html을 요청해서 출력하는 방식(Multiple Page Application)이었지만,최근에는 하나의 html 페이지에 여러 개의 자바스크립트 파일들이 포함되는 방식(Single Page Application)을 사용한다.-> 연관된 자바스크립트 파일들을 하나의 파일로 묶어 관리하기 편해짐파일을 컴파일할 때, 여러 모듈들의 파일을 읽어오는데 시간이 오래 걸림-> 여..