Как правильно собрать проект?

Пытаюсь настроить сборщик проекта на gulp. С sass и pug всё понятно. А вот в js проблема. Я не понимаю, что нужно, чтобы скрипт заработал при запуске сайта в браузере. В файле скрипта я подключаю модуль fs import * as fs from 'fs', в билде я вижу require и браузер выдаёт ошибку - require is not defined. Ниже функция сборки js-кода. В видео, с помощью которого я училась делать сборки, сказано, что таких настроек достаточно, но, видимо, должно быть что-то ещё.

function buildScripts() {
    return gulp.src('src/scripts/**/*.js')
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(gulp.dest('build/js'))
}

Помогите, пожалуйста, понять, как правильно настраивать gulpfile. В Интернете куча информации, но ничего не понятно. Очень много ссылок на webpack, но я хочу хотя бы понять gulp, а не перескакивать с ветки на ветку.