ขนาดของ bundle คำนวณอย่างไร?

เครื่องมือนี้จำลองการสร้างสำหรับการ production โดยการเพิ่มขนาดที่ถูกย่อและบีบอัดด้วย gzip ของแพ็คเกจที่ร้องขอและ dependency tree ทั้งหมด

นี่คือขนาดที่ถูกต้องตามที่ฉันเห็นในแอปของฉันหรือไม่?

ไม่ นี่คือการประมาณ ขนาด bundle สุดท้ายของคุณขึ้นอยู่กับความสามารถในการทำ tree-shaking ของเครื่องมือ build ของคุณ, dependencies ที่ซ้ำกัน และการตั้งค่า code-splitting

รองรับแพ็คเกจส่วนตัวหรือไม่?

ไม่ เครื่องมือนี้ใช้แคช metadata สาธารณะเพื่อประมาณน้ำหนัก โดยไม่สามารถเข้าถึง private registries หรือไฟล์ซอร์สโค้ดในเครื่องได้

ความแตกต่างระหว่าง Minified และ Gzipped คืออะไร?

Minified แสดงขนาดหลังจากลบช่องว่างและย่อตัวแปร Gzipped แสดงถึงขนาดที่ถูกบีบอัดที่ส่งผ่านเครือข่ายไปยังเบราว์เซอร์ของผู้ใช้จริง

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

ตัววิเคราะห์ขนาด Bundle (จำลอง)

Paste a package list, estimate the resulting bundle weight.

Runs in your browser

Defaults are rough min+gzip sizes for popular packages. Tweak the KB column with the real number from npmjs.com when accuracy matters.

Estimated weight

176 KB

≈ 59 KB gzipped

Healthy

Budgets: <100 KB gzipped is healthy for landing pages, 100-300 KB is the typical SPA range, >300 KB suggests aggressive code-splitting.

หมายเหตุจากบรรณาธิการ

Understanding · What's actually in your JavaScript.

บทเชิงลึกนี้มีให้บริการเฉพาะภาษาอังกฤษในขณะนี้ เครื่องมือแปลงด้านบนทำงานในภาษาของคุณ บทความอธิบายแบบยาวยังไม่ได้แปล

คำถามที่พบบ่อย

Quick answers.

›How is the bundle size calculated?

The tool simulates a production build by adding the minified and gzipped sizes of the requested package and its entire dependency tree.

›Is this the exact size I will see in my app?

No, this is an estimate. Your final bundle size depends on your build tool's tree-shaking capabilities, duplicate dependencies, and code-splitting configuration.

›Does it support private packages?

No. This tool uses a public metadata cache to estimate weights; it cannot access private registries or local source code files.

›What is the difference between Minified and Gzipped?

Minified shows the size after removing whitespace and shortening variables. Gzipped reflects the compressed size actually sent over the network to the user's browser.

ผู้คนยังค้นหา

เครื่องมือที่เกี่ยวข้อง

More in this room.

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