Gulp TypeError:dest.on不是函数

Question

我正在尝试使用Gulp任务生成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.ongulp特有的对象.

要么使用gulp-webpack,要么关注如何使用webpack和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/'));
});