본문 바로가기

모듈번들러 장점

(1)

[ webpack ] React(리액트)와 webpack(웹팩) React.js를 사용하거나, 다른 라이브러리 혹은 프레임워크를 사용하다보면 항상 webpack과 같은 모듈 번들러 툴을 사용하게 된다. 웹팩 공식 사이트에서 소개하는 컨셉은 현대 자바스크립트 응용 프로그램을 위한 정적 모듈 번들러라고 말한다. 모듈 번들러는 여러 다른 파일들(JavaScript, LESS, CSS, JSX, ESNext 등)을 받아서 하나의 파일로 묶어준다. 이렇게 여러 다른 파일들을 받아 하나의 파일로 묶어주어 생기는 이점은 크게 모듈성과 네트워크 성능이 있는데, 모듈성은 소스 코드를 작업하기 쉽게 여러 부분이나 모듈로 나눠서 다룰수 있게 해주어 팀 작업등의 협업에 유리하다. 또 네트워크 성능의 측면에서는 의존 관계가 있는 여러 파일을 묶은 번들을 브라우저가 1번만 읽기 때문에 네트워..

이전 1 다음

티스토리툴바