개발공부/Javascript
번들링(Bundling)
Grapefruitgreentealoe
2021. 12. 28. 01:27
반응형
정확하게 번들링이란 모듈들의 의존성 관계를 파악하여 그룹화시켜주는 작업을 뜻합니다. 모듈(module)이란 분리된 파일입니다. 즉, 분리된 녀석들을 하나로 합쳐주는 구나 라고 이해할 수 있습니다.
번들링(Bundling)이란?
번들링(Bundling) 프로그래밍을 하다보면 자주 마주치는 단어 중에 번들링이란 단어가 있습니다. 번들이라는 것은 묶는다는 뜻으로 뭔가를 묶는 작업이라는 걸 이름에서 유추할 수가 있죠. 그렇다
lihano.tistory.com
그냥 모듈끼리 import하고 export하면 되지 번들링이 필요해? 라는 의문에는 이렇게 대답할 수 있습니다.
- 하나. 여러 개의 파일을 브라우저에서 로딩한다면 네트워크가 그만큼 소모되어 속도가 저하될 수 있습니다.
- 둘. 모듈 간의 변수 충돌 등의 위험성이 존재합니다.
번들링 도구들은 RequireJS, Browserify, Rollup, Parcel 등이 있습니다. 하지만 가장 많이 쓰이는 건 역시 Webpack입니다.
반응형