Question 1

How do I minify ES6 code with gulp-uglify?

Accepted Answer

You need to use a custom UglifyJS version like uglify-es via the composer API. The README shows an example using composer(uglifyjs, console) to set up minify for ES6 support, but it requires additional configuration.

Question 2

What's the difference between gulp-uglify and using uglify-js directly?

Accepted Answer

gulp-uglify is a Gulp plugin that integrates uglify-js into stream-based pipelines, handling file I/O and error events automatically. Direct usage requires manual file processing and error handling, making gulp-uglify more convenient for Gulp users.

Question 3

How to handle errors when gulp-uglify fails?

Accepted Answer

Use the `pipeline` method from readable-stream as recommended in the README. This ensures errors are caught properly, with detailed messages including file names and UglifyJS error causes for easier debugging.

Question 4

Can gulp-uglify work with source maps?

Accepted Answer

Yes, it automatically configures source maps based on your Gulp setup with plugins like gulp-sourcemaps. You don't set the sourceMap option manually; it integrates seamlessly with Gulp's sourcemap settings.

Question 5

gulp-uglify vs gulp-terser: which should I use?

Accepted Answer

gulp-terser uses Terser, a fork of UglifyJS that better supports ES6+ out of the box. If you're working with modern JavaScript, gulp-terser might be simpler, but gulp-uglify offers flexibility with custom UglifyJS versions for specific needs.

Question 6

Why is my gulp-uglify task not reducing file size?

Accepted Answer

Check if the JavaScript files are already minified or have no compressible elements. Also, ensure you're using the correct options and that the stream is processing files correctly; UglifyJS might skip files with errors or unsupported syntax.

gulp-uglify

What is gulp-uglify?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions