Что такое Tree shaking

Tree shaking — это процесс устранения неиспользуемого кода (dead code) из финального бандла при сборке проекта. Он работает на этапе компиляции, анализируя зависимости между модулями через статический анализ (ES6 import/export).

Как работает:

1. Сборщик (Webpack, Rollup) определяет, какие экспорты реально используются.
2. Неиспользуемые модули/функции исключаются из бандла.

Условия для работы:

• Использование ES-модулей (import/export).
• Отсутствие side effects в модулях (можно пометить в package.json: "sideEffects": false).

Пример:

// math.js
export const add = (a, b) => a + b;
export const unused = () => console.log('Это удалится!');

// main.js
import { add } from './math.js';
console.log(add(2, 3)); // unused не попадет в бандл

Важно: Tree shaking не удалит код, импортированный через require (CommonJS) или динамические импорты.