esbuild와 Rollup 중 무엇을 선택해야 하나요?

속도와 간단한 최신 워크플로우를 위해서는 esbuild를 사용하세요. 라이브러리용 트리 쉐이킹이나 복잡한 플러그인 생태계와 같은 고급 기능이 필요한 경우에는 Rollup을 선택하세요.

어떤 출력 형식이 지원되나요?

이 생성기는 Node.js용 CommonJS (`cjs`), 최신 브라우저용 ESM (`esm`), 일반적인 호환성을 위한 UMD (`umd`)를 지원합니다.

이 도구가 패키지를 대신 설치해 주나요?

아니요, 구성 파일 텍스트를 생성할 뿐입니다. 관련 번들러 및 해당 플러그인을 위해 `npm install` 또는 `yarn add`를 실행해야 합니다.

제 프로젝트 세부 정보가 서버로 전송되나요?

아니요. 구성 논리는 전적으로 브라우저에서 실행됩니다. 파일 경로 및 프로젝트 설정은 로컬 장치에 비공개로 유지됩니다.

포매터 및 코드

esbuild / Rollup Config 생성기

Pick a bundler, get a working starter config.

Runs in your browser

EntryOutput directoryFormatBundle dependenciesMinify

build.mjs

import { build } from "esbuild";

await build({
  entryPoints: ["src/index.ts"],
  outdir: "dist",
  bundle: true,
  minify: true,
  format: "esm",
  target: "es2022",
  sourcemap: true,
  treeShaking: true,
});

lines: 13chars: 212size: 212 B

live

편집자 노트

Understanding · Speed vs sophistication, mostly.

이 심층 챕터는 현재 영어로만 제공됩니다. 위의 변환 도구는 귀하의 언어로 작동하지만, 긴 설명 글은 아직 번역되지 않았습니다.

자주 묻는 질문

Quick answers.

›Should I choose esbuild or Rollup?

Use esbuild for speed and simpler modern workflows. Choose Rollup if you need advanced features like tree-shaking for libraries or complex plugin ecosystems.

›What output formats are supported?

The generator supports CommonJS (`cjs`) for Node.js, ESM (`esm`) for modern browsers, and UMD (`umd`) for general compatibility.

›Does this tool install the packages for me?

No, it generates the configuration file text. You must still run `npm install` or `yarn add` for the relevant bundler and its plugins.

›Are my project details sent to a server?

No. The configuration logic runs entirely in your browser. Your file paths and project settings remain private to your local device.

사람들이 다음도 검색합니다.

More in this room.

모두 보기 포매터 및 코드