Vercel ChangelogOct 13, 2023, 1:00 PMShu Ding

How we optimized package imports in Next.js

Next.js 透過 SWC 編譯器優化「桶裝文件(Barrel Files)」的套件導入,大幅縮短開發啟動時間並減少記憶體佔用。

Vercel 詳細解析了 Next.js 如何優化大型套件(如 Lucide React、MUI)的導入機制。過去這些套件因「桶裝文件(Barrel Files)」設計,導致開發時需載入數千個模組,拖慢啟動速度。Next.js 透過 SWC 進行靜態分析,將萬用導入直接重寫為精準的路徑導入,使熱重載(HMR)與啟動速度提升高達 70%,並顯著降低記憶體消耗。

想看英文原文 / 完整內容?

前往 Vercel Changelog 原文 →

摘要由 AI 整理,以原文為準。