[ 살펴보기 ] - Rollup

Series

[ 살펴보기 ] - Rollup

Javasciprt module bundler인 Rollup에 대해 살펴보자.

[ 살펴보기 ] Rollup - Basics
Application을 개발할 때 사용되는 여러 module을 하나의 파일 또는 지정한 여러 file로 bundle할 때 Rollup이나 Webpack과 같은 module bundler를 사용한다. Rollup은 Forntend build tool인 Vite가 내부적으로 사용하고 있는 module bundler이며 해당 포스트를 통해 Rollup의 기초 사용법을 살펴보자. 우선 rollup을 사용하기 위해 package를 설치해준다. npm i...
Nov 26, 20246 min read4
[ 살펴보기 ] Rollup - React, Code Splitting
React를 통해 application 작업을 할 때 JSX syntax를 사용하여 code를 작성한다. 하지만 browser는 jsx syntax를 이해하지 못하므로 browser가 이해할 수 있는 javascript syntax로 코드를 변경해주어야 하며 Browser 환경에서도 react를 사용하기 위해 react가 최종 bundle file에 포함되어야 한다. Rollup의 babel이나 swc pulgin을 통해 JSX syntax를 ...
Nov 26, 20245 min read9