Rollup 환경

[Luyin]

Rollup은 Bundling 도구 이다.

• Tree Shaking 을 사용한다.
• Code Splitting 을 가능하게 한다.
• ES Module을 기본적으로 지원한다.

[Luyin]

Rollup의 Plug-in은 Bundling 전에 동작한다.

[Luyin]

rollup-plugin-typescript 와 rollup-plugin-typescript2 가 있다.

rollup-plugin-typescript 은 더이상 governance 되지 않고 있다. 따라서 2를 사용 할 것

[Luyin]

Rollup에서 AMD, CommonJS 방식의 모듈을 인식하기 위해서는 별도의 Plug-in이 필요하다.

대부분의 node_modules들은 CommonJS 방식을 사용하기 있으므로 plug-in을 설치해야 한다.

Plug-in

• rollup-plugin-node-resolve은 CommonJS로 작성된 node_modules들을 찾을 수있게 해준다.
• rollup-plugin-commonjs은 CommonJS로 작성된 모듈을 ES Module로 컨버팅 해준다.
• rollup-plugin-serve은 Dev Server를 동작 시킨다