Vite

vite에서는 esbuild와 rollup이 사용되고, rollup 또한 parser(파서)로 SWC를 사용하고 있다.

• 개발환경 툴
• rollup을 기반으로 vite옵션이 추가된 번들링을 사용.
• rollup은 SWC를 parser로 사용하고있다.
• esbuild는 code-splitting에서 비교적 불안정하기에 번들링은 rollup, 압축, 컴파일은 esbuild를 사용.(사전 번들링 기능은 Esbuild)
• esbuild는 webpack, parcel 번들러 대비 10~100배 빠른속도.

vite = esbuild(압축,컴파일) + rollup(번들러, parser(SWC))

• vite는 babel의 필요없이 다양한 브라우저를 지원한다.
  다만 지원 범위가 있기에 프로덕트가 더욱 오래된 버전의 브라우저를 지원하고 싶다면 polyfill을 사용하면 된다.
  지원 브라우저 버전

babel을 추가하고 싶다면 추가 해도 된다. vite+babel

현재 rollup은 rolldown이라는 번들러를 개발중에 있으며, 이는 rollup과 esbuild를 대체하여 vite를 지원할것. Link

• Rust기반으로 rollup보다는 esbuild와 가깝다(scope)

• 개별적인 번들러로서도 사용가능.

• incremental improvements & ground-up re-implementation을 위해 rollup의 업데이트가 아닌 새로운 rolldown을 제작.
  Roadmap

  ---