gulp
Version:
The streaming build system
79 lines (56 loc) • 2.7 kB
Markdown
<p align="center">
<a href="http://gulpjs.com">
<img height="194" width="98" src="https://raw.github.com/gulpjs/artwork/master/gulp.png"/>
</a>
<br/>
<a href="http://gulpjs.com/">Visit our website!</a>
</p>
> The streaming build system
For a Getting started guide, API docs, recipes, making a plugin, etc. see the [documentation page](/docs/README.md)!
This file is just a quick sample to give you a taste of what gulp does.
```javascript
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
gulp.task('scripts', function() {
// Minify and copy all JavaScript (except vendor scripts)
return gulp.src(['client/js/**/*.js', '!client/js/vendor/**'])
.pipe(uglify())
.pipe(gulp.dest('build/js'));
});
// Copy all static images
gulp.task('images', function() {
return gulp.src('client/img/**')
// Pass in options to the task
.pipe(imagemin({optimizationLevel: 5}))
.pipe(gulp.dest('build/img'));
});
// Rerun the task when a file changes
gulp.task('watch', function () {
gulp.watch('client/js/**', ['scripts']);
gulp.watch('client/img/**', ['images']);
});
// The default task (called when you run `gulp` from cli)
gulp.task('default', ['scripts', 'images', 'watch']);
```
Tasks can be executed by running `gulp <task> <othertask>`. Just running `gulp` will execute the task you registered called `default`. If there is no `default` task gulp will error.
You can use any language you want for your gulpfile. You will have to specify the language module name so the CLI can load it (and its associated extensions) before attempting to find your gulpfile. Make sure you have this module installed accessible by the folder you are running the CLI in.
Example:
```
gulp dosomething --require coffee-script
```
[](https://bitdeli.com/free "Bitdeli Badge")
[npm-url]: https://npmjs.org/package/gulp
[npm-image]: https://badge.fury.io/js/gulp.png
[travis-url]: https://travis-ci.org/gulpjs/gulp
[travis-image]: https://travis-ci.org/gulpjs/gulp.png?branch=master
[coveralls-url]: https://coveralls.io/r/gulpjs/gulp
[coveralls-image]: https://coveralls.io/repos/gulpjs/gulp/badge.png
[depstat-url]: https://david-dm.org/gulpjs/gulp
[depstat-image]: https://david-dm.org/gulpjs/gulp.png