GulpUglifyError：無法縮小JavaScript

Question

我試圖來縮小我的腳本文件裏面我是用一口任務運行 ，我試圖吞掉，醜化插件

代碼：

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

，但我得到錯誤的

當我嘗試運行吞掉任務爲一口CONCAT 任何幫助，將不勝感激

Answer 1

嘗試使用此

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 2

有你在腳本文件中使用ES6格式？ 如果是這樣嘗試ES5現在，因爲當你吞掉，醜化它不明白ES6格式現在 的，之後嘗試你的代碼

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

和運行任務gulp concat將工作

Answer 3

要查看在控制檯錯誤：

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

要找到行中沒有錯誤寄存器的的確切的文件，並運行此任務：

var pump = require('pump'); 

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

Answer 4

無法縮小JavaScript的主要錯誤是找不到路徑。您可以使用任務usemin爲此，您需要：

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

，並要求：

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 5

你可能有語法錯誤或使用ES6語法。您可以先嚐試https://skalman.github.io/UglifyJS-online/。