Skip to content

A demonstration how to use and install Gulp, the streaming build system.

Notifications You must be signed in to change notification settings

julia-dizhak/gulpStreamingBuildSystem

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gulp - streaming build system

A demonstration how to use and install Gulp, the streaming build system.

What is gulp

Gulp is a streaming JS build system built with node.js; it leverages the power of streams and code-over-configuration to automate, organize, and run development tasks very quickly and efficiently

What is node.js?

Node.js commonly referred to as node, is a powerful Js platform that is built on top of Google Chrome's Js runtime engine, V8. This give us the ability to write Js code on a server, or in our case, on local machine

Node.js ships with npm, a companion package manager that facilitates the installation, storage, and creation of modular components that you can use to create applications.

Why use gulp?

  • project automation
  • streams = "pipe"
  • code over config

Command line

Command reference

  • ls - listening files and folders
  • cd - changing directory / folder
  • mkdir - making a directory
  • touch file_name - creating a file on Mac
  • sudo mkdir folder_name

Anatomy of a gulpfile

Gulp started with 4 main methods

  • task(string, function) method is a basic wrapper for which we create our tasks. A string value representing the name of task.
  • .src(string || array) method is our input, or how we gain access to the source files that we plan are modifying.
  • .watch(string, array) method is used to specifically look for changes on our files.
  • .dest(string) method is used to set the output destination of your processed file.
  • .pipe(function) method will allow us to pipe together smaller single-purpose plugins or applications into a pipechain.
  • .parallel() and .series() methods as a way to easily control whether your task are ran together - all at once, on in a sequence - one after the other

Node.js modules

Static server

Browser sync - handle browser refreshing and sync up every action that is performed on your pages across any device po your local network.

Browserify - bundle modules

Gulp-plumber, beeper - resolving issues

About

A demonstration how to use and install Gulp, the streaming build system.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published