javascript - 如何缩小 gulp-webpack 文件？

Question

有如下情况:

gulp.task('webpack', function(cb) {
  gulp.src('webpack-init.js')
    .pipe(webpack({
      output: {
        filename: 'bundle.js',
      },
    }))
    .pipe(gulp.dest('./client/js'));

  cb();
});

一切正常，但我想缩小输出文件。

如果我直接使用 gulp-uglify -

.pipe(webpack(...))
.pipe(uglify().on('error', gutil.log))
.pipe(gulp.dest('./client/js'));

有一个错误:“意外的标记:punc ())]”和其他类似的错误。

Answer 1

我找到了一个解决方案。我们可以使用普通版本的 webpack(不仅仅是 gulp-webpack)来提供插件包含能力:

var gulpWebpack = require('gulp-webpack'),
  webpack = require('webpack');

gulp.task('webpack', function() {
  gulp.src('webpack-init.js')

    .pipe(gulpWebpack({
      output: {
        filename: 'bundle.js',
      },
      plugins: [new webpack.optimize.UglifyJsPlugin()],
    }, webpack))
    .pipe(gulp.dest('./client/js'));
});