rollup

rollup이란?

모듈 번들러.

주로 웹 어플리케이션 개발에서 사용되며, 모듈간의 의존성을 해결하고 최적화된 번들을 생성

ECMAScript 모듈과 CommonJS와 같은 다양한 모듈 시세틈을 지원함.

rollup은 모듈 간의 의존성을 분석하여 사용되지 않는 코드를 제거하여 번들 크기를 최소화하고 불필요한 코드를 제거하여 성능을 향상시킴.

import()함수를 지원하여 코드를 비동기적으로 로드할 수 있음. 웹 어플리케이션의 초기 로드 시간을 최적화 할 수 있음.

Typescript 변환, css 번들링, 이미지 처리 작업 등을 수행할 수 있음.

 

ES6문법과 typescript를 지원하여 babel로 commonJS, javascript로 변환할 필요가 없음.

 

 

rollup 설정하기

진입점은 'src/main.ts'로 들어오고 번들링 된 파일은 'dist/bundle.js'로 만들어 진다.

typescript로 만든 프로젝트는 플러그인을 설치해줘야한다.