Webpack Bundle Analyzer

אנלייזר מדויק למפתחים לביקורת חבילות Webpack, הבנת התפלגות הגדלים ותיעדוף אופטימיזציות לביצועי בנייה.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
924+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

אודות כלי זה

כלי זה מנתח חבילות Webpack באמצעות stats.json כדי לחשוף כיצד חבילת הבנייה צורכת את התקציב שלה לגודל. בקריאה of stats.json הוא מחשב גדלים לכל מודול, פירוט נקודות הכניסה וגרף תל_dependencies. באופן מושגי בנייה מיוצגת כגרף שבו כל צומת הוא מודול וקשתות מייצגות ייבוא; הכלי מאגר גדלים לאורך מסלולים כדי להדגיש מודולים כבדים. הוא תומך ב־CommonJS וב־ESM, בייבוא דינמי ובארטיפक्टי code-splitting. התפוקה מסייעת למהנדסי frontend, מהנדסי ביצועים וצוותי פלטפורמה לזהות הזדמנויות אופטימיזציה כמו הסרת תלותים כבדים, התאמת טווחי code-splitting או החלפת ספריות כבידות. הערך היחודי: ניתוח מהיר מקומי ללא שירותי ענן, עם ויזואליזציות מעמיקות של הרכב נקודת הכניסה ומגמות ברמת המודול. פונקציות עיקריות כוללות גדלים לכל נקודת כניסה, גורמים מובילים, פירוק לפי חבילה ונתיב, ודוח ייבוא ל־CI. מקרי שימוש: אופטימיזציה של אפליקציית SPA, ביקורת חבילת ספקים בין מיקרו-פרונטאנט והערכת תקציבי ביצועים במהלך CI.

איך להשתמש

  1. ספק קלטים: ציין את קובץ stats.json של Webpack או יצור אותו במהלך הבנייה הממוספרת.
  2. בחר מצב ניתוח: פירוק לפי נקודת כניסה או עץ מודולים מלא.
  3. הפעל חישוב: אתחל את האנלייזר כדי לחשב גדלים ותלותויות.
  4. בדוק תוצאות: בדוק את הגורמים המובילים, גרף התלות והגודל לפי נתיב.
  5. ייצוא תוצאות: שמור דוחות JSON/HTML או השווה בניות לאורך זמן.
How to use webpack bundle analyzer npm

Frequently Asked Questions

מצא תשובות מהירות

איזה נתוני קלט דרושים?
הכלי דורש קובץ Webpack stats.json (או פלט שווה) כולל גדלי מודולים, נקודות כניסה ומידע על תלות. אין צורך בעיבוד בצד השרת והכל פועל באופן מקומי.
האם אוכל להשוות בין שתי בניות?
כן. תוכל להשוות שני קבצי stats כדי לזהות שינויים בגדלי מודולים ובמבנה נקודות הכניסה, ולעזור לאימות אופטימיזציות ועקבתי אחרי תקציב CI.
הוא תומך בייבוא דינמי ו-code splitting?
כן. הוא פותר יבוא דינמי ומצביע על תרומת ה-code-splitting לסך הגודל.
האם זה מתאים למונורפוס?
כן. הוא יכול לנתח bundle מכמה חבילות, לאחד גדלים ולהציע מבט מרכזי על תלותיות משותפות.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Web & SEO Tools

ממיר Spotify ל-MP3

ממיר קבצי שמע מסופקים מקומית ל-MP3, מאפשר האזנה offline ותאימות בין מכשירים למוזיקה בבעלות חוקית ואח...

Web & SEO Tools

מחשב מרחק דרך

מחשב מרחק דרך למטיילים, מתכנני לוגיסטיקה ונהגים כדי להעריך במהירות מרחקים וזמן בין מקומות.

Web & SEO Tools

מחשבון גיל

קבע במהירות את גיל האדם מבוסס על תאריך הלידה שלו עם המחשבון החינמי שלנו באינטרנט, מתאים לשימוש אישי...

Web & SEO Tools

הממיר מטבעות

המיר במהירות סכומים בין מטבעות שונים עם הממיר חינם שלנו, מתאים לנסיעות, עסקים וקונים בינלאומיים.

המשוב שלך חשוב

עזור לנו לשפר