Why isn't gulp-uglify mangling my variables names?

Question

I have the following task:

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

gulp.task('scripts', function () {
  gulp.src('./src/scripts/*.js')
    .pipe(concat('main.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./dist'));
});

And the following 2 javascript files, test1.js :

var testOneOutput = 'function one';
console.log(testOneOutput);

And test2.js

var testTwoOutput = 'function two';
console.log(testTwoOutput);

And all the directories are setup correctly. Though when I run the task, I have no indication of whether the uglifying work. The concatenation works great though. Am I missing something?

score 17 · Accepted Answer · answered May 29 '15 at 01:27

In your scripts testOneOutput and testTwoOutput are global variables and by default gulp-uglify only mangles local vars.

Put your code in a function and you'll see some mangling.

function go() {
  var testOneOutput = 'function one';
  console.log(testOneOutput);
}

score 12 · Answer 2 · answered Sep 20 '17 at 21:05

12

You can give {mangle: {toplevel: true}} option if you want to mangle your top level functions as well.

uglify({mangle: {toplevel: true}})

answered Sep 20 '17 at 21:05

trsquare lab

131
1
2

score 1 · Answer 3 · answered May 28 '15 at 18:21

1

Perform the uglify first. Then concat the uglified files.

gulp.task('scripts', function () {
  gulp.src('./src/scripts/*.js')
    .pipe(uglify())
    .pipe(concat('main.js'))
    .pipe(gulp.dest('./dist'));
});

answered May 28 '15 at 18:21

Danny Delott

6,756
3
33
57

Why isn't gulp-uglify mangling my variables names?

3 Answers3