95 lines
3.3 KiB
Markdown
95 lines
3.3 KiB
Markdown
|
# gulp-uglify [![][travis-shield-img]][travis-shield][![][appveyor-shield-img]][appveyor-shield][![][npm-dl-shield-img]][npm-shield][![][npm-v-shield-img]][npm-shield][![][coveralls-shield-img]][coveralls-shield]
|
||
|
|
||
|
> Minify JavaScript with UglifyJS3.
|
||
|
|
||
|
## Installation
|
||
|
|
||
|
Install package with NPM and add it to your development dependencies:
|
||
|
|
||
|
`npm install --save-dev gulp-uglify`
|
||
|
|
||
|
## Usage
|
||
|
|
||
|
```javascript
|
||
|
var gulp = require('gulp');
|
||
|
var uglify = require('gulp-uglify');
|
||
|
var pipeline = require('readable-stream').pipeline;
|
||
|
|
||
|
gulp.task('compress', function () {
|
||
|
return pipeline(
|
||
|
gulp.src('lib/*.js'),
|
||
|
uglify(),
|
||
|
gulp.dest('dist')
|
||
|
);
|
||
|
});
|
||
|
```
|
||
|
|
||
|
To help properly handle error conditions with Node streams, this project
|
||
|
recommends the use of
|
||
|
[`pipeline`](https://nodejs.org/docs/latest/api/stream.html#stream_stream_pipeline_streams_callback),
|
||
|
from [`readable-stream`](https://github.com/nodejs/readable-stream).
|
||
|
|
||
|
## Options
|
||
|
|
||
|
Most of the [minify options](https://github.com/mishoo/UglifyJS2#minify-options) from
|
||
|
the UglifyJS API are supported. There are a few exceptions:
|
||
|
|
||
|
1. The `sourceMap` option must not be set, as it will be automatically configured
|
||
|
based on your Gulp configuration. See the documentation for [Gulp sourcemaps][gulp-sm].
|
||
|
|
||
|
[gulp-sm]: https://github.com/gulp-sourcemaps/gulp-sourcemaps#usage
|
||
|
|
||
|
## Errors
|
||
|
|
||
|
`gulp-uglify` emits an 'error' event if it is unable to minify a specific file.
|
||
|
The GulpUglifyError constructor is exported by this plugin for `instanceof` checks.
|
||
|
It contains the following properties:
|
||
|
|
||
|
- `fileName`: The full file path for the file being minified.
|
||
|
- `cause`: The original UglifyJS error, if available.
|
||
|
|
||
|
Most UglifyJS error messages have the following properties:
|
||
|
|
||
|
- `message` (or `msg`)
|
||
|
- `filename`
|
||
|
- `line`
|
||
|
|
||
|
To see useful error messages, see [Why Use Pipeline?](docs/why-use-pipeline/README.md#why-use-pipeline).
|
||
|
|
||
|
## Using a Different UglifyJS
|
||
|
|
||
|
By default, `gulp-uglify` uses the version of UglifyJS installed as a dependency.
|
||
|
It's possible to configure the use of a different version using the "composer" entry point.
|
||
|
|
||
|
```javascript
|
||
|
var uglifyjs = require('uglify-js'); // can be a git checkout
|
||
|
// or another module (such as `uglify-es` for ES6 support)
|
||
|
var composer = require('gulp-uglify/composer');
|
||
|
var pump = require('pump');
|
||
|
|
||
|
var minify = composer(uglifyjs, console);
|
||
|
|
||
|
gulp.task('compress', function (cb) {
|
||
|
// the same options as described above
|
||
|
var options = {};
|
||
|
|
||
|
pump([
|
||
|
gulp.src('lib/*.js'),
|
||
|
minify(options),
|
||
|
gulp.dest('dist')
|
||
|
],
|
||
|
cb
|
||
|
);
|
||
|
});
|
||
|
```
|
||
|
|
||
|
[travis-shield-img]: https://img.shields.io/travis/terinjokes/gulp-uglify/master.svg?label=Travis%20CI&style=flat-square
|
||
|
[travis-shield]: https://travis-ci.org/terinjokes/gulp-uglify
|
||
|
[appveyor-shield-img]: https://img.shields.io/appveyor/ci/terinjokes/gulp-uglify/master.svg?label=AppVeyor&style=flat-square
|
||
|
[appveyor-shield]: https://ci.appveyor.com/project/terinjokes/gulp-uglify
|
||
|
[npm-dl-shield-img]: https://img.shields.io/npm/dm/gulp-uglify.svg?style=flat-square
|
||
|
[npm-shield]: https://yarnpkg.com/en/package/gulp-uglify
|
||
|
[npm-v-shield-img]: https://img.shields.io/npm/v/gulp-uglify.svg?style=flat-square
|
||
|
[coveralls-shield-img]: https://img.shields.io/coveralls/terinjokes/gulp-uglify/master.svg?style=flat-square
|
||
|
[coveralls-shield]: https://coveralls.io/github/terinjokes/gulp-uglify
|