reactjs - کاهش هزینه وارد کردن بسته TSDX


پس من کمی تازهکار هستم در بهبود عملکرد اندازه باندل و چیزی که سعی دارم انجام دهم کاهش هزینه وارد کردن کتابخانه کامپوننت خودم است که با TSDX نوشته شده است. این یک ابزار برای ایجاد کتابخانههای Typescript بر اساس rollup.js است. من از تنظیمات آماده استفاده میکنم.

وقتی برنامهام را بررسی کردم متوجه شدم که هزینه وارد کردن کامپوننتها از کتابخانه کامپوننتهایم به نظر زیاد است. تصاویر را ببینید:

به نظر میرسد وقتی من یک کامپوننت (یا تابع) را وارد میکنم، چیزهای زیادی به همراه آن وارد میشوند. آیا کسی هست که بداند آیا این موضوع طبیعی است و/یا اینکه میتوانم این را بهبود دهم؟ شاید کسی بداند چگونه میتوانم آن را به روش مشابه با بستههای lodash وارد کنم، جایی که یک ابزار خاص را از یک پوشه مشخص وارد میکنید مانند این: import { add } from 'lodash/add'؟

خلاصهی داستان: چگونه میتوانم هزینهی واردات کتابخانهی TSDX خودم (بر اساس rollup.js) را کاهش دهم؟ پیشاپیش ممنون!