How to minify gulp-webpack file?

Question

Have a follow situation:

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

All ok, but i want to minify output file.

If i use gulp-uglify directly -

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

have an error: "Unexpected token: punc ())]" and others of that ilk.

Where do you get the errors?

SLaks
– SLaks

2015-05-26 15:41:34 +00:00
Commented May 26, 2015 at 15:41 — SLaks
– SLaks, Commented May 26, 2015 at 15:41
In a console. When uglify is trying to compress bundle.js .

Sergey_Ksenofontov
– Sergey_Ksenofontov

2015-05-26 15:52:41 +00:00
Commented May 26, 2015 at 15:52 — Sergey_Ksenofontov
– Sergey_Ksenofontov, Commented May 26, 2015 at 15:52
What's the full output?

SLaks
– SLaks

2015-05-26 15:53:03 +00:00
Commented May 26, 2015 at 15:53 — SLaks
– SLaks, Commented May 26, 2015 at 15:53
Save console message: txs.io/dd3b

Sergey_Ksenofontov
– Sergey_Ksenofontov

2015-05-26 15:58:11 +00:00
Commented May 26, 2015 at 15:58 — Sergey_Ksenofontov
– Sergey_Ksenofontov, Commented May 26, 2015 at 15:58
It sounds like WebPack isn't outputting Javascript.

SLaks
– SLaks

2015-05-26 16:05:16 +00:00
Commented May 26, 2015 at 16:05 — SLaks
– SLaks, Commented May 26, 2015 at 16:05

Sergey_Ksenofontov · Accepted Answer · 2015-05-27 08:40:01Z

I found a solution. We can use normal version of webpack (not just gulp-webpack) to provide plugin include capability:

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

Collectives™ on Stack Overflow

How to minify gulp-webpack file?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related