В настоящее время большинство браузеров не поддерживают все новые функции ES6 (см. таблицу совместимости). Поэтому вам нужно использовать компилятор (транспилятор), чтобы преобразовать код ES 6 в код, совместимый с ES 5.
НПМ
NPM — это менеджер пакетов, который позволяет легко устанавливать библиотеки в ваш проект. www.npmjs.com содержит тысячи бесплатных пакетов для загрузки и использования. Программа NPM устанавливается на ваш компьютер при установке Node.
Пакет в Node содержит все файлы, необходимые для модуля. Модули – это библиотеки JavaScript, которые вы можете включить в свой проект.
Вавилон
Babel — это транспилятор, который просто преобразует код из ES6 в ES5 для поддержки всех современных браузеров. Babel также может компилировать другие версии ECMAScript, а также JSX React, но это выходит за рамки этой серии статей. Для получения дополнительной информации посетите этот официальный веб-сайт BabelJS. https://babeljs.io/
Вебпак
Webpack – это набор модулей для современных веб-приложений JavaScript. Используя webpack, мы не размещаем несколько файлов JavaScript. Мы просто размещаем один файл для всего веб-приложения.
Это важно понимать, поскольку Webpack запускается не во время вашей страницы, а во время разработки.
Для получения дополнительной информации посетите этот официальный веб-сайт Webpack. https://webpack.github.io/docs/
