btd/rollup-plugin-visualizer
این ابزار به تو کمک می‌کنه بفهمی داخل باندل نهایی پروژه‌ات چه چیزی وجود داره و هر ماژول چقدر جا می‌گیره
کاربرد:
این پلاگین یک نمودار تعاملی از باندل تو تولید می‌کنه تا بدونی هر بخش از کد چقدر حجم داره و چه ماژول‌هایی بیشترین فضا رو اشغال کردن. این کمک می‌کنه بهینه‌سازی کنی و حجم نهایی اپ رو کمتر کنی
در چه شرایطی بهتره استفاده شود؟
وقتی داری یک پروژه با Rollup می‌سازی و می‌خوای بدونی چرا باندل تو خیلی حجیم شده یا کدوم ماژول‌ها دارن مشکل ایجاد می‌کنن، این ابزار عالیه. مخصوصاً برای پروژه‌های بزرگ یا وقتی داری بهینه‌سازی می‌کنی، خیلی مفیده
چند مثال از موارد استفاده:
- پیدا کردن ماژول‌های غیرضروری که حجم زیادی دارن
- بررسی اینکه آیا یک کتابخانه دو بار ایمپورت شده یا نه
- نمایش تفاوت حجم قبل و بعد از بهینه‌سازی
- کمک به تیم‌های توسعه برای تصمیم‌گیری دربارهٔ جایگزینی کتابخانه‌های سنگین ️
- ##bundle
- ##rollupjs
- ##performance
- ##web
- ##code
- ##bundle
- ##frontend
- ##javascript
- ##build
- ##optimization