Gulp Lỗi Loại: dest.on không phải là một chức năng

Question

Tôi đang cố gắng để tạo ra một tập tin bundle.js với một nhiệm vụ Gulp

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

Tuy nhiên, tôi nhận được TypeError: dest.on is not a function khi tôi cố gắng chạy nó:

Dưới đây là thư mục thư mục:

Answer 1

Lỗi xảy ra do webpack không hoạt động với luồng gulp. Đương nhiên đối tượng được trả về là webpack() không bao gồm dest.on, cụ thể là gulp.

Hoặc sử dụng gulp-webpack hoặc làm theo các tài liệu chính thức về cách sử dụng webpack with gulp

Mẫu mã đưa thẳng ra khỏi các tài liệu chính thức trong đó sử dụng 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/')); 
});