Gulp - 使用gulp-uglify造成的事件错误

Question

我正在研究HTML/JS/CSS网站，并使用Gulp作为自动化工具。

它运行gulp serve当工作完全正常，但运行gulp build当我收到以下错误：

[18:24:52] Using gulpfile myProject/gulpfile.js 
[18:24:52] Starting 'jshint'... 
[18:24:52] Starting 'css'... 
[18:24:52] Starting 'scripts'... 
[18:24:52] Starting 'partials'... 
[18:24:52] Starting 'images'... 
[18:24:53] Starting 'videos'... 
[18:24:53] Starting 'fonts'... 
[18:24:53] Starting 'fileinclude'... 
[18:24:53] Starting 'extras'... 
[18:24:53] Finished 'jshint' after 518 ms 
[18:24:53] all files 48.19 kB 
[18:24:53] Finished 'fileinclude' after 245 ms 

events.js:154 
     throw er; // Unhandled 'error' event 
    ^
Error 
    at new JS_Parse_Error (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1534:18) 
    at js_error (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1542:11) 
    at croak (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2089:9) 
    at token_error (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2097:9) 
    at unexpected (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2103:9) 
    at expr_atom (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2618:13) 
    at maybe_unary (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2792:19) 
    at expr_ops (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2827:24) 
    at maybe_conditional (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2832:20) 
    at maybe_assign (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2856:20) 
    at expression (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2875:20) 
    at expr_atom (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2608:26) 
    at maybe_unary (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2792:19) 
    at expr_ops (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2827:24) 
    at maybe_conditional (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2832:20) 
    at maybe_assign (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2856:20) 

这里是gulpfile.js的摘录：

/*global -$ */ 
'use strict'; 

var gulp = require('gulp'); 
var $ = require('gulp-load-plugins')(); 
var browserSync = require('browser-sync'); 
var reload = browserSync.reload; 
var sass = require('gulp-ruby-sass'); 
//var concat = require('gulp-concat'); 
var rename = require('gulp-rename'); 
var gulpUtil = require('gulp-util'); 
var uglify = require('gulp-uglify'); 

//script paths 
var jsFiles = 'app/scripts/**/*.js', 
    jsDest = 'dist/scripts'; 

gulp.task('scripts', function() { 
    return gulp.src(jsFiles) 
     //.pipe(concat('main.js')) 
     .pipe(rename('main.min.js')) 
     .pipe(uglify()) // issue comes from here 
     .pipe(gulp.dest(jsDest)); 
}); 

gulp.task('build', ['jshint','css', 'scripts', 'partials', 'images', 'videos', 'fonts', 'fileinclude', 'extras'], function() { 
    return gulp.src('dist/**/*').pipe($.size({title: 'build', gzip: true})); 
}); 

gulp.task('default', ['clean'], function() { 
    gulp.start('build'); 
}); 

随着错误消息似乎与uglify-js有关，我试图在scripts任务中注释掉uglify()调用，并且它编译得很好。

你知道为什么会发生这种情况吗？

Answer 1

在本post建议，我安装了gulp-util包并用其log()方法来对这个错误

var gulpUtil = require('gulp-util'); 
gulp.task('scripts', function() { 
    return gulp.src(jsFiles) 
     .pipe(rename('main.min.js')) 
     .pipe(uglify().on('error', function(e){ 
      console.log(e); 
      return this.end(); 
     })) 
     .pipe(gulp.dest(jsDest)); 
}); 

这里更多的细节是错误消息我：

{ [Error: myProject/app/scripts/main.min.js: SyntaxError: Unexpected token: punc())] 
    message: 'myProject/app/scripts/main.min.js: SyntaxError: Unexpected token: punc())', 
    fileName: 'myProject/app/scripts/main.min.js', 
    lineNumber: 114, 
    stack: 'Error\n at new JS_Parse_Error (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1534:18)\n at js_error (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1542:11)\n at croak (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2089:9)\n at token_error (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2097:9)\n at unexpected (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2103:9)\n at expr_atom (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2618:13)\n at maybe_unary (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2792:19)\n at expr_ops (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2827:24)\n at maybe_conditional (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2832:20)\n at maybe_assign (eval at <anonymous> (myProject/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2856:20)', 
    showStack: false, 
    showProperties: true, 
    plugin: 'gulp-uglify' } 

我从main.js中检查了第114行，发现我留下了uglify不理解的ES6语法。我将它转换为ES5，它工作正常。