React Frontend Developer

Question 1

Что такое tree shaking в Webpack?

Accepted Answer

Tree shaking — это процесс удаления неиспользуемого кода из сборки. Он работает с модулями ES6, используя статический анализ для исключения "мертвого" кода.

Question 2

Почему при импорте одной функции может подтянуться вся библиотека?

Accepted Answer

При импорте одной функции может подтянуться вся библиотека, если сборщик модулей (например, Webpack) не может безопасно удалить неиспользуемый код. Это происходит, когда модуль имеет побочные эффекты (side effects) при импорте, например, изменяет глобальные переменные или выполняет код. Также некоторые библиотеки не поддерживают tree shaking из-за структуры экспортов (например, экспорт через единый объект). Чтобы избежать этого, нужно использовать библиотеки с поддержкой ES-модулей и настраивать sideEffects в конфигурации сборщика.

Вопросы React Frontend Developer