1

Всем доброго времени суток. Да, gulp-uglify не минифицирует es6. Использую es6. Банальные let, const, ()=>{} ничего сверх, а при минификации получаю: введите сюда описание изображения

Проверил опытным путем, проблема именно в es6, если переписываю код по старым стандартам, все работает.

Как исправить данную проблему с помощью старого доброго gulp-uglify? Ведь наверняка как-то можно. Ну а если совсем нельзя, буду признателен за совет другого сборщика на gulp

var gulp           = require('gulp'),
    uglify         = require('gulp-uglify'),
    

gulp.task('build', function() {

    var buildJs = gulp.src([
        'app/js/scripts.min.js',
    ])
        // .pipe(uglify())// когда раскомментирую, перестанет работать
        .pipe(gulp.dest('dist/js'));

});

4
  • stackoverflow.com/questions/44958216/…
    – Yaant
    13 фев 2018 в 14:43
  • Спасибо! Это то, что нужно!
    – Igor
    13 фев 2018 в 14:50
  • Сделайте это ответом, не хочет отмечать, что дубликат, т.к. не на русском. Отмечу как правильный
    – Igor
    13 фев 2018 в 14:54
  • Ну, делать ответом уже, я вижу, неактуально, вы и сами ответили. :) И это хорошо, потому что делать из комментария-ссылки более-менее нормальный ответ мне было бы очень лениво. :)
    – Yaant
    13 фев 2018 в 16:36

3 ответа 3

1

По мне лучше использовать uglify-es он в отличие от babel не переводит код в старый формат, для gulp есть gulp-uglify-es

Пример из документации

let gulp = require("gulp");
let rename = require("gulp-rename");
let uglify = require('gulp-uglify-es').default;

gulp.task("uglify", function () {
    return gulp.src("lib/bundle.js")
        .pipe(rename("bundle.min.js"))
        .pipe(uglify(/* options */))
        .pipe(gulp.dest("lib/"));
});
1
  • Согласен с Вами! Спасибо за дельный совет!
    – Igor
    19 фев 2018 в 8:03
1

Так же возможно собрать весь проект в один файл, прогнав через babel, и уже его минифицировать.

1
  • Извините, не могли бы вы поподробнее показать - как?
    – 0xdb
    6 мар 2019 в 17:46
0

Не могу отметить дубликатом, т.к. дубликатом является только русскоязычный вопрос. Решение данной проблемы здесь, мне подсказали, спасибо большое.

Чтобы gulp-uglify работал с es6 надо установить gulp-babel. Документация

npm install --save-dev gulp-babel babel-core babel-preset-env

Подключаю

var gulp           = require('gulp'),
    babel          = require('gulp-babel'),
    uglify         = require('gulp-uglify');

task сборки проекта

gulp.task('build', function() {

    //.. другие подзадачи

    var buildJs = gulp.src([
        'app/js/scripts.min.js',
    ])
        .pipe(babel({
            presets: ['env']
        }))
        .pipe(uglify()) // Теперь это работает
        .pipe(gulp.dest('dist/js'));

});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.