Глоток-терсер не миньфи в порядок

Question

Я использую gulp-terser для минимизации js файлов. У меня есть файл jquery и пользовательский файл js. Когда я пытаюсь запустить задачу, пользовательский код js находится в начале файла jquery. Я пытался использовать gulp-order с этим, но все же не повезло. Вот код, который я использую:

gulp.task('build-js', function () {
    return gulp.src(["src/js/jquery.min.js","src/js/zinv.js"])
        .pipe(concat('inv.min.js'))
        .pipe(terser())
        .pipe(gulp.dest('./js'));
});

заранее спасибо.

Answer 1

Я думаю, вам нужно изменить положение .pipe(terser()) и .pipe(concat('inv.min.js')) и вызвать require().

Попробуйте:

var gulp = require('gulp');
var terser = require('gulp-terser');
var concat = require('gulp-concat');

gulp.task('js', function () {
    return gulp.src(["src/js/jquery.min.js","src/js/zinv.js"])
        .pipe(terser())
        .pipe(concat('inv.min.js'))
        .pipe(gulp.dest('js'));
});

gulp.task('default', gulp.series('js'));

А затем на своем терминале перейдите в каталог, в котором сохранен ваш gulpfile. js и введите gulp или gulp js

Answer 2

Получите это, двигая терсор вверх на шаг:

gulp.task('build-js', function () {
    return gulp.src(["src/js/jquery.min.js","src/js/zinv.js"])
        .pipe(terser())
        .pipe(concat('inv.min.js'))
        .pipe(gulp.dest('./js'));
})