如何缩小 gulp-webpack 文件？

Posted 2023-03-08

【中文标题】如何缩小 gulp-webpack 文件？

【英文标题】：How to minify gulp-webpack file?

【发布时间】：2015-08-08 09:24:57

【问题描述】：

有以下情况：

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

有一个错误：“Unexpected token: punc ())]”和其他类似的。

【问题讨论】：

你从哪里得到错误？

在控制台中。当 uglify 试图压缩 bundle.js 时。

完整的输出是什么？

保存控制台消息：txs.io/dd3b

听起来 WebPack 没有输出 javascript。

【参考方案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'));
);