롤업.js 마스터: 기본부터 고급까지

Rollup.js는 브라우저에서 사용하기 위해 여러 스크립트를 하나의 스크립트로 결합하는 자바스크립트 번들링 도구입니다. 사용하기 쉽고 최소한의 구성만 필요하도록 개발되었습니다. 번들링 도구는 필요한 이유는 초기 브라우저가 모듈을 지원하지 않았고, Node.js 모듈 메커니즘은 브라우저와 호환되지 않으며, 번들링은 성능을 개선하기 때문입니다. Webpack은 인기 있는 번들링 도구이지만, 복잡한 구성과 높은 학습 비용이 있습니다. Rollup.js는 ES 모듈을 번들링하는 데 권장되지만, CommonJS 모듈에는 권장되지 않습니다. Rollup.js를 사용하려면 npm으로 전역 설치하거나 npx로 설치 없이 사용할 수 있습니다. Rollup.js의 기본 사용법은 두 개의 간단한 스크립트인 add.js와 main.js를 "rollup main.js" 명령어로 번들링하는 것입니다. 번들링 결과를 특정 파일에 저장하려면 --file 매개변수를 사용할 수 있습니다. Rollup.js는 또한 여러 개의 진입 스크립트, 자동 실행 함수 래핑, 코드 최소화, 구성 파일을 지원합니다. 마지막으로, Rollup.js는 --format cjs 매개변수를 사용하여 ES 모듈을 CommonJS 모듈로 변환할 수 있습니다.