Карточка Middle Модули обновлено

Tree shaking

Вопрос

Что такое tree shaking и что ему нужно?

Попробуйте сами

Ответьте про себя или вслух, потом откройте ответ и сверьтесь.

Показать ответ и разбор

Коротко

Удаление сборщиком неиспользуемых экспортов из бандла. Нужна статическая структура ESM и отсутствие побочных эффектов при импорте; пакеты сообщают об этом полем "sideEffects": false в package.json.

Ответ

Удаление сборщиком неиспользуемых экспортов из бандла. Нужна статическая структура ESM и отсутствие побочных эффектов при импорте; пакеты сообщают об этом полем "sideEffects": false в package.json. CommonJS-зависимости обычно попадают в бандл целиком.

Разбор

Проверить результат помогают анализаторы бандла: rollup-plugin-visualizer, webpack-bundle-analyzer.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.