我应该选择 esbuild 还是 Rollup？

如果追求速度和更简单的现代工作流，请使用 esbuild。如果需要针对库的高级特性（如 tree-shaking）或复杂的插件生态系统，请选择 Rollup。

支持哪些输出格式？

该生成器支持用于 Node.js 的 CommonJS (`cjs`)，用于现代浏览器的 ESM (`esm`)，以及用于通用兼容性的 UMD (`umd`)。

此工具会为我安装软件包吗？

不会，它只生成配置文件文本。您仍然需要为相关的打包器及其插件运行 `npm install` 或 `yarn add`。

我的项目详细信息会发送到服务器吗？

不会。配置逻辑完全在您的浏览器中运行。您的文件路径和项目设置将保留在您的本地设备上，保持私密。

格式化与代码

esbuild / Rollup 配置生成器

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.

查看所有格式化与代码