Что такое polyfill?

Даже после успешной транспиляции кода старые браузеры могут столкнуться с проблемой отсутствия поддержки определенных глобальных объектов, методов или функций, которые появились в новых спецификациях языка. На помощь приходит полифилл или polyfill — это специальный кусок кода, добавляющий отсутствующую функциональность в окружение, которое ее изначально не поддерживает. Если старый браузер не знает, что такое промисы или метод массива includes, полифилл проверяет наличие этой функции и, если ее нет, самостоятельно реализует ее стандартным образом. Таким образом, ваш код продолжает работать одинаково хорошо как в самом современном мобильном браузере, так и в устаревшей настольной системе.

Исторически сложилось так, что разработчики использовали различные библиотеки для подключения недостающих функций, но сегодня стандартом индустрии стала библиотека core-js, которая содержит исчерпывающий набор полифиллов для практически любого современного API. Яркими примерами необходимости таких решений являются объекты Promise для работы с асинхронным кодом и функция fetch для выполнения сетевых запросов в устаревших средах. Раньше для автоматизации этого процесса активно использовался пакет @babel/polyfill, однако на сегодняшний день он официально признан устаревшим (deprecated) и больше не рекомендуется к использованию. Вместо него современная экосистема предлагает гибкую настройку core-js в связке с компилятором Babel, что позволяет автоматически подключать только те полифиллы, которые действительно необходимы для целевых браузеров вашего проекта, существенно экономя общий объем загружаемого трафика.