ฉันควรเลือก esbuild หรือ Rollup ดี?

ใช้ esbuild เพื่อความเร็วและเวิร์กโฟลว์สมัยใหม่ที่เรียบง่ายกว่า เลือก Rollup หากคุณต้องการคุณสมบัติขั้นสูง เช่น tree-shaking สำหรับไลบรารี หรือระบบนิเวศปลั๊กอินที่ซับซ้อน

รองรับรูปแบบเอาต์พุตใดบ้าง?

ตัวสร้างรองรับ CommonJS (`cjs`) สำหรับ Node.js, ESM (`esm`) สำหรับเบราว์เซอร์สมัยใหม่ และ UMD (`umd`) สำหรับความเข้ากันได้ทั่วไป

เครื่องมือนี้ติดตั้งแพ็กเกจให้ฉันด้วยหรือไม่?

ไม่ มันสร้างเฉพาะข้อความไฟล์การกำหนดค่าเท่านั้น คุณยังคงต้องรัน `npm install` หรือ `yarn add` สำหรับ bundler ที่เกี่ยวข้องและปลั๊กอินของมัน

รายละเอียดโครงการของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ ตรรกะการกำหนดค่าทั้งหมดทำงานในเบราว์เซอร์ของคุณ เส้นทางไฟล์และการตั้งค่าโครงการของคุณยังคงเป็นส่วนตัวในอุปกรณ์ของคุณ

ตัวจัดรูปแบบและโค้ด

ตัวสร้าง 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.

ดูทั้งหมดใน ตัวจัดรูปแบบและโค้ด