javascript - principiantes - node js desde cero pdf

GulpUglifyError: no se puede minimizar JavaScript

Question

Estoy tratando de minimizar los archivos de script para los que estoy usando gulp task runner Y estoy probando gulp-uglify plugin

Código:

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

pero estoy obteniendo un error como

cuando trato de ejecutar gulp task como gulp concat. Cualquier ayuda sería apreciada

Answer 1

¿Has usado el formato ES6 en tu archivo de script? Si es así, intente con ES5 ahora porque cuando lo haga gulp-uglify no entiende el formato ES6 a partir de ahora y luego pruebe su código

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

y ejecutar la tarea gulp concat va a funcionar

Answer 2

El error principal de No se puede minimizar JavaScript es la ruta no encontrada. Puede usar la tarea usemin Para esto necesita:

$ sudo npm install gulp-usemin --save-dev
$ sudo npm install gulp-livereload--save-dev
$ sudo npm install gulp-util--save-dev

y requiere:

var usemin = require(''gulp-usemin'');
var livereload = require(''gulp-livereload'');
var gutil = require(''gulp-util''); //gutil for error display

gulp.task(''usemin'',[''jshint''], function(){
    return gulp.src(''./app/index.html'')
    .pipe(usemin({
        css: [minifycss(),rev()],
        scripts: [uglify().on(''error'', function(err) {gutil.log(gutil.colors.red(''[Error]''), err.toString());this.emit(''end'');}),rev()]
    })) 
    .pipe(gulp.dest(''dist''))
    .pipe(livereload());
});

Change the js: [uglify(), rev()] to scripts: [uglify(), rev()]

Answer 3

Intenta usar esto

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

Answer 4

Para ver el error en la consola:

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

Para encontrar el archivo exacto con la línea no de error, regístrese y ejecute esta tarea:

var pump = require(''pump'');

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