번들러 (Bundler) : parcel, webpack, rollup

번들러란

웹에서는 기본적으로 html, css, javascript가 동작을 한다.

그러나 이것만 가지고서 코딩을 하기에는 비효율적인 부분들이 있다.

그렇기 때문에 vue.js, react, sass 등 다양한 기능들의 도움을 받는다.

이러한 기능들은 웹에서 직접적으로 동작하지 않기때문에 변환하는 작업을 거쳐야한다.

이를 웹에서 동작하도록 변환하는 과정을 도와주는게 번들러(Bundler)이다.

 

번들러를 통해 변환을 할 때 외부의 패키지를 번들러가 설치하여 패키지의 도움을 받아 변환한다.

즉 실질적인 변환은 외부의 패키지가 직접적으로 수동으로 작업을 해줘야하는데

이 수동의 작업을 번들러에게 위임하는 것이다.

 

번들러의 종류

• parcel : 구성 옵션 없는 단순한 자동 번들링, 소/중형 프로젝트에 적합
• webpack : 매우 꼼꼼한 구성, 중/대형 프로젝트에 적합
• rollup :