Gulp Typeerror: dest.on ist keine Funktion

Question

Ich versuche, eine bundle.js Datei mit einer Gulp Aufgabe

var gulp = require('gulp'), 
    gutil = require('gulp-util'), 
    wrench = require('wrench'), 
    conf = require('./webpack.config'), 
    webpack = require('webpack'), 
    WebpackDevServer = require('webpack-dev-server'); 

// Webpack 
gulp.task('wp', function() { 
    return gulp.src('./assets/scripts/entry.js') 
    .pipe(webpack(conf)) 
    .pipe(gulp.dest('./assets/build1')); 
}); 

jedoch zu erzeugen, ich TypeError: dest.on is not a function, wenn ich versuche, es zu laufen:

Hier ist der Ordner-Verzeichnis:

Answer 1

Der Fehler tritt auf, weil das Webpack nicht nativ mit den Datenströmen arbeitet. Natürlich enthält das zurückgegebene Objektnicht dest.on, was spezifisch für Schluck ist.

Entweder gulp-webpack verwenden oder den offiziellen Dokumenten folgen, wie webpack with gulp

Beispielcode direkt aus den offiziellen Dokumenten genommen zu verwenden, die webpack-stream verwendet:

var gulp = require('gulp'); 
var webpack = require('webpack-stream'); 

gulp.task('default', function() { 
    return gulp.src('src/entry.js') 
    .pipe(webpack()) 
    .pipe(gulp.dest('dist/')); 
});