GulpUglifyError: impossible de réduire JavaScript

Question

J'essaie de réduire au minimum mes fichiers de script pour lesquels j'utilise gulp task runner Et j'essaye le gulp-uglify plugin

Code:

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

mais je reçois une erreur comme

quand j'essaie de lancer une tâche en tant que gulp concat Toute aide serait appréciée

Answer 1

L'erreur principale est générée lorsque vous utilisez le format ES6. Utilisez le module gulp-uglify-es au lieu de «gulp-uglify» pour remédier à cette erreur.

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

Answer 2

Pour voir l'erreur dans la console:

 var gutil = require('gulp-util');

gulp.task('concat', function() {
return gulp.src('app/**/*.js')
    // .pipe(concat('script.js'))
    .pipe(uglify())
    .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
    .pipe(gulp.dest('./dist/'))
});
 

Pour trouver le fichier exact, avec le numéro de ligne du registre d’erreur et exécuter cette tâche:

 var pump = require('pump');

gulp.task('uglify-error-debugging', function (cb) {
  pump([
    gulp.src('app/**/*.js'),
    uglify(),
    gulp.dest('./dist/')
  ], cb);
});
 

Answer 3

Avez-vous utilisé le format ES6 dans votre fichier de script? Si c'est le cas, essayez ES5 maintenant car lorsque vous faites gulp-uglify, il ne comprend pas le format ES6 dès maintenant et après cela, essayez votre code.

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

et exécutez la tâche gulp concat cela fonctionnera

Answer 4

Pour moi, c'était une option obsolète "preserveComments" qui a généré l'erreur (et qui a complètement écrasé le script).

Trouvé le problème en utilisant:

 gulp.task('concat', function() {
return gulp.src('app/**/*.js')
    .pipe(uglify())
    .on('error', function (err) { console.log( err ) })
    .pipe(gulp.dest('./dist/'))
});
 

Answer 5

Essayez d'utiliser ceci

 var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var minifyJS = require('gulp-minify');

gulp.task('concat', function() {
    return gulp.src('app/**/*.js')
        .pipe(minifyJS())
        .pipe(concat('bundle.min.js'))
        .pipe(uglify({ mangle: false }))
        .pipe(gulp.dest('./dist/'));
});