咕嘟咕嘟類型錯誤：dest.on不是一個函數

Question

我想產生一個咕嘟咕嘟任務bundle.js文件

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

不過，我得到TypeError: dest.on is not a function當我嘗試運行它：

這裏的文件夾目錄：

Answer 1

發生錯誤是因爲webpack不能與gulp流本身一起工作。當然，由webpack()返回的對象不包括dest.on，這是特定於吞嚥的。

要麼使用gulp-webpack或者按照有關如何使用webpack with gulp

示例代碼的官方文檔取直出它採用webpack-stream官方文檔的：

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