Babel - лучшее решение для вашего проекта
Babel преобразует код ECMAScript 2015+ в обратно совместимую версию JavaScript в существующих и более старых браузерах или средах, нажмите здесь для получения подробной информации
Таким образом, вы можете настроить свой проект для использования babel и написать свой код в es5 +, даже если целевые браузеры не поддерживают некоторые функции ECMA, Babel скомпилирует ваш код и предоставит вам js-файлы, работающие в ваших целевых браузерах.которые вы должны сконфигурировать в babel.config.js как:
const presets = [ [
"@babel/env", { targets:
{ edge: "17",
firefox: "60",
ie: "11",
chrome: "67",
safari: "11.1", },
useBuiltIns: "usage", }, ], ];
module.exports = { presets };
Подробнее здесь
С babel вы не будете заботиться о коде js, который вы пишете, еслион будет работать для какого-то браузера или нет, вы напишите свой js-код с последними функциями es, которые вы будете использовать, и babel сделает все, чтобы ваш проект работал хорошо в ваших целевых браузерах