Как добавить babel в gulp?

Question

[Посторонним В.]

Юзаю Gulp, есть пресет, который объединяет все файлы скриптов в один и минифицирует его:

let gulp = require('gulp');
let livereload = require('gulp-livereload');
let uglify = require('gulp-uglify-es').default;
var concat = require('gulp-concat');

gulp.task("uglify", function () {
    return gulp.src('./resources/assets/js/*.js')
        .pipe(concat('main.js'))
        .pipe(gulp.dest('./public/js'))
        .pipe(uglify())
        .pipe(gulp.dest('./public/js'));
});

Мне нужно еще добавить сюда преобразование в ES5 с помощью Babel. Как это дописать?

Answer 1

[Посторонним В.]

Наконец-то добился чего хотел:

gulp.task("uglify", function () {
    return gulp.src('./resources/assets/js/*.js')
        .pipe(babel({
            "presets": [
                [ "es2015", { "modules": false } ]
            ]
        }))
        .pipe(concat('main.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./public/js'));
});

Без modules: false ломало нафиг jQuery.

Answer 2

[Иван Корюков]

Вот тут надо кликнуть на кнопку с надписью Gulp (в третьей строке примерно в середине) и появится код, там всё понятно.

Comments

[Посторонним В.]

Добавил после конкатенации. Вроде заработало. Но теперь у меня то jQuery не находит, то пишет, что вызываемая функция не определена. Как-то он перетасовал код. Что делать в таких случаях?

[Иван Корюков]

Посторонним В., вообще jquery в собственный бандл упаковывать как-то странно, такие либы на CDN держать надо.

[Посторонним В.]

Иван Корюков, а зачем? Лишний запрос файла.

[Иван Корюков]

Посторонним В., А вы уверены что скачивание одного огромного бандла будет быстрее чем качать только ваш код + несколько условно моментальных запросов к CDN?