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.

すべて表示フォーマッター＆コード