Ликбез
Понимаешь, фронтенд он гибкий, по факту нету канона настройки.
Ноду в любом случае надо иметь -- желательно обновить до 10-й. В ноде запускаются скрипты-утилиты.
Есть краткий ликбез. Все современные проекты -- это так сказать npm-project. Npm открывает доступ к модулям библиотек/фреймворков. Дальше тебе нужно уметь импортить модули. Исторически сложилось что на текущий момент выжило 2 стандарта: commonJS (require) и ESmodules (import). Нода в будущем перейдёт на де-юре стандарт -- ESmodules, это вопрос времени. Но никто кроме ноды не умет в импорты :). Следовательно тебе нужно собрать весь проект в один файл и положить на сервер -- это делает Webpack. Также Webpack делает много полезных вещей помимо сборки -- удаляет неиспользуемый код из сборки, можно делать не один исходный файл а несколько и т.д. Babel - это отдельный инструмент который преобразовывает JS неподдерживаемый (пока) браузерами в поддерживаемый, так же гибко настраивается под твои требования.
Но это не связанные между собой вещи -- от проекта зависит будешь ли ты юзать какую-то технологию или нет. У многих фреймворков есть тулы -- скрипты которые создают начальную конфигурацию проекта, посмотри в ту сторону: