ECMAScript 6 привнёс множество новой функциональности и синтаксического сахара в JavaScript. Всё это помогает в разработке современных веб-приложений, однако даже сейчас не каждый браузер поддерживает полностью всю функциональность, принятую в стандарте ECMAScript 6.
Именно поэтому в разработке современных веб-приложений используется транспиляция1. Для транспиляции исходного кода из современного стандарта ECMAScript в стандарт ECMAScript 5, который поддерживают более-менее все современные браузеры, используют Babel.
Babel состоит из двух частей:
- Транспайлер, который переписывает код;
- Полифиллы2, которые добавляют методы, неподдерживаемые более-менее современными браузерами.
Обычно Babel работает как одна из составляющих системы сборки современных веб-приложений, и автоматически транспилирует весь код в ECMAScript 5.
Установить и настроить Babel проще простого: достаточно следовать инструкции на официальном сайте.
Транспиляция1 — это перевод исходного кода с одного языка на другой.
Полифилл2 — это тип библиотеки, который добавляет в более-менее современные браузеры поддержку функциональности, которая в современных браузерах встроена.