프론트엔드 프로젝트에서 Webpack이라는 걸 많이 쓰는데, 이게 정확히 뭐하는 건가요?
그냥 script 태그로 JS 파일 넣으면 안 되나요? 왜 번들러가 필요한지 모르겠습니다.
Webpack은 모듈 번들러입니다. 여러 JS/CSS/이미지 파일을 하나(또는 최적화된 몇 개)로 합쳐줍니다. 모듈 시스템(import/export), 코드 스플리팅, 트리 쉐이킹 등의 기능을 제공해요.
그러면 React나 Vue 프로젝트에서는 필수인가요?
CRA나 Vue CLI가 내부적으로 Webpack을 쓰고 있어요. 요즘은 Vite라는 더 빠른 대안도 있으니 참고하세요.
댓글 4
Webpack은 모듈 번들러입니다. 여러 JS/CSS/이미지 파일을 하나(또는 최적화된 몇 개)로 합쳐줍니다. 모듈 시스템(import/export), 코드 스플리팅, 트리 쉐이킹 등의 기능을 제공해요.
그러면 React나 Vue 프로젝트에서는 필수인가요?
CRA나 Vue CLI가 내부적으로 Webpack을 쓰고 있어요. 요즘은 Vite라는 더 빠른 대안도 있으니 참고하세요.