본문 바로가기

ROLLUP

(3)
Rollup.js 알아보기 1편 : Rollup.js 튜토리얼 요즘 많이 사용하는 Vite 플러그인(vite plugin)은 롤업 플러그인의 슈퍼셋입니다. Rollup.js 플러그인의 아키텍처와 작성방법을 알면 Vite 플러그인에 대해 깊히 이해할 수 있습습니다. Vite 플러그인은 몇 가지 추가 Vite 관련 옵션으로 Rollup의 잘 설계된 플러그인 인터페이스를 확장합니다. rollupj.s 공식문서의 튜토리얼을 정리한 글입니다. 해당 튜토리얼을 통해 rollup.js의 매우 기본적인 기능들을 파악할 수 있습니다. (파일을 입력으로 받아, 출력 파일로 번들링, 트리 셰이킹, 코드 스플리팅, js 이외의 파일 처리하기) 번들 만들어보기 Rollup을 사용하는 가장 쉬운 방법은 명령줄 인터페이스(또는 CLI)를 사용하는 것입니다. 먼저, rollup을 전역 설치합니..
[번역] Vite 플러그인 만들기 아래 게시물을 번역한 글임 https://www.vuemastery.com/blog/building-a-plugin-with-vite Building a plugin with Vite | Vue Mastery In this article, we’ll walk through how to create some simple plugins that you can use as the foundation and inspiration for your own custom Vite plugins. www.vuemastery.com 왜 Vite 플러그인을 만드나요? Vite 플러그인을 사용하면 아래와와 같은 작업을 수행할 수 있습니다. index.mycustomextension과 같은 커스텀 확장자를 index.js로 r..
[번역]모듈 번들러는 무엇이며 어떻게 동작하는가? 해당 글의 번역입니다 : https://lihautan.com/what-is-module-bundler-and-how-does-it-work/ What is module bundler and how does it work? | Tan Li Hau What is module bundler and how does it work? August 30, 2019 (Last updated August 30, 2019) Series: Write a module bundler JavaScriptmodule bundlerdev toolwebpack What is a Module Bundler? How do we bundle? The "webpack way" The "rollup way" Summary Refere lih..