gulp-uglifyで問題が発生しました

Question

gulp-uglifyでファイルを小さくするには重大な問題があります。

ここは私のgulpfileです。 gutilを使用して

var gulp  = require('gulp'); 
var gutil  = require('gulp-util'); 
var browserify = require('browserify'); 
var babelify = require('babelify'); 
var source  = require('vinyl-source-stream'); 
var buffer  = require('vinyl-buffer'); 
var uglify  = require('gulp-uglify'); 
var size  = require('gulp-size'); 

gulp.task('scripts', function() { 

    var bundler = browserify({ 
    entries: ['views/main.js'], 
    debug: true, 
    }) 
    .transform(babelify, { presets: ['react', 'es2015'] }); 

    bundler.bundle() 
     .pipe(source('main.js')) 
     .pipe(buffer()) 
     .pipe(uglify()) 
     .pipe(gulp.dest('./public/')); 
}); 

gulp.task('default', ['scripts']); 

、私は非常に混乱してエラーを、一息-uglify与える行を見つけました：

{ [Error: /Users/fzxt/Documents/Web/Chatr/main.js: Unexpected token: keyword (const)] 
    message: '/Users/fzxt/Documents/Web/Chatr/main.js: Unexpected token: keyword (const)', 
    fileName: '/Users/fzxt/Documents/Web/Chatr/main.js', 
    lineNumber: 66598.. 

私はバンドラを変換していますので、それが奇数のキーワードconstとのトラブルを抱えていますbabelifyと入力してからuglifyに送ってください。私はまた、プリセットも入れました。

これに対処する方法を教えてもらえますか？ありがとう。

Answer 1

あなたはバニラbrowserifyを使用している場合は、このようにそれを実行する必要があります。

var gulp = require('gulp'); 
 
var browserify = require('browserify'); 
 
var babelify = require('babelify'); 
 
var transform = require('vinyl-transform'); 
 
var uglify = require('gulp-uglify'); 
 

 
gulp.task('browserify', function() { 
 
    var browserified = transform(function(filename) { 
 
    var b = browserify({ 
 
     entries: filename, 
 
     debug: true, 
 
     transform: [ 
 
     [babelify, { 
 
      presets: ['react', 'es2015'] 
 
     }] 
 
     ] 
 
    }); 
 
    return b.bundle(); 
 
    }); 
 
    
 
    return gulp.src(['views/main.js']) 
 
    .pipe(browserified) 
 
    .pipe(uglify()) 
 
    .pipe(gulp.dest('./dist')); 
 
});