Что такое tree shaking?

Middle
246 просмотров
AFK Offer AI

Tree shaking — удаление неиспользуемого кода из бандла. Webpack/Rollup/Vite анализируют ESM import/export и убирают то, что не импортировано. Работает только с ESM (import/export), не с CommonJS (require). Поэтому lodash (CJS) не tree-shakeable, а lodash-es — да. sideEffects: false в package.json говорит бандлеру что модули без побочных эффектов можно безопасно удалять. Barrel files (index.ts с re-exports) могут ломать tree shaking — бандлер подтягивает всё. Проверяй результат через analyzer.

Следующий вопрос

Как реализовать компонент Tabs?