This document provides an overview of Gulp, a streaming build system for Node.js. Gulp uses JavaScript for configuration and has a simple API with only four main commands. It is based on streams, which allow files to be piped between processes. Common tasks like concatenating, minifying, and injecting files can be accomplished through Gulp plugins. The document demonstrates how to install Gulp, create a Gulpfile, and run basic tasks to assemble a build process.

1. Gulp
jure.suvak@dlabs.s
@jur3
Jure Šuvak
@jur3

2. WHAT IS GULP ?
• Stream-based build system
• NodeJS
• Code (javascript) over configuration
• Asynchronous
• Simple API
• Plugin based
• Easy

3. STREAMS
• One read, one write
• From Node
• Readable, writable
stream
• a.pipe(b);
• b.pipe(c);
• c.pipe(d);
https://github.com/substack/stream-handboo

4. GULP API
Only 4 commands

5. • gulp.src(globs,[options])
Takes files and start emitting them, returns readable stream.
• gulp.dest(path, [options])
Save files to file system.
https://github.com/gulpjs/gulp/blob/master/docs/API.md

6. • gulp.task(name[, deps], fn)
Define a task, can be used as dependency, must have a return
• gulp.watch(glob[, opts], tasks)
Watch files for changes
https://github.com/gulpjs/gulp/blob/master/docs/API.md

7. PLUGINS
• plugin for everything :)
• 1533 plugins
http://gulpjs.com/plugins/
http://ipestov.com/essential-plugins-for-gulp

8. GULP-CLEAN
• clean (remove) files
• running as first task to
clean workspace

9. GULP-CONCAT
GULP- UGLIFY
• nice to have only one JS
file
• concat all JS files
• minify it

10. GULP-INJECT
• inject files in our layout
• multiple placeholders

11. LET’S START
• Install NodeJS
• Install Gulp
$ npm install --global gulp
• Create Gulp.js file
• Run Gulp

12. LET’S ASSEMBLE IT

13. Q/A
jure.suvak@dlabs.s
@jur3
Jure Šuvak
jobs@dlabs.si