Gulp-terser not minfying in order

Question

I'm using gulp-terser to minify js files. I have a jquery file and a custom js file. When I try to run the task, the custom js code is at the beginning of the jquery file. I've tried using gulp-order with it, but still no luck. Here's the code i'm using:

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'));
});

thanks in advance.

you want the jquery file at the beginning when you run the task ? — Jérôme, Apr 10 '20 at 19:44
i've also tried this, with no luck: https://stackoverflow.com/questions/31370600/gulp-order-not-ordering-properly — jaykzoo, Apr 10 '20 at 19:52
Did you try `return gulp.src(["src/js/zinv.js","src/js/jquery.min.js"])` ? Because I think the first src is the last in the order :) — Jérôme, Apr 10 '20 at 20:15
> cmd.exe /c gulp -b "C:\Users\repos\NodejsConsoleApp1" --color --gulpfile "C:\Users\repos\NodejsConsoleApp1\Gulpfile.js" build-js — jaykzoo, Apr 10 '20 at 20:32
using terser because my boss wants to and we were getting errors trying uglify and minify — jaykzoo, Apr 10 '20 at 20:33
Try to write `.pipe(terser())` before `.pipe(concat('inv.min.js'))` — Jérôme, Apr 10 '20 at 20:36

score 2 · Accepted Answer · answered Apr 10 '20 at 20:43

I think you need to switch the position of .pipe(terser()) and .pipe(concat('inv.min.js')) and call the require().

Try this :

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'));

And then on your terminal, navigate to the directory where your gulpfile.js is saved and type gulp or gulp js

score 0 · Answer 2 · answered Apr 10 '20 at 20:50

0

Got this to work by moving tersor up a step:

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'));
})

answered Apr 10 '20 at 20:50

jaykzoo

71
1
11

Gulp-terser not minfying in order

2 Answers2