Gulp

Faster and more efficient workflow with the popular Gulp toolkit.

Gulp official website

---

Introduction

Gulp is an open source cross-platform task runner tool that give developers the freedom to automate many tasks. Gulp manages tasks like bundling and minifying scripts and style sheets, compiling less or sass to css styles, deploying files to servers, image compressing, etc.

Setup

1. You need Node.js and Gulp installed on your machine, If you already have them installed skip to step 2.
2. Run npm install --global gulp-cli command. If you already have Gulp CLI installed, skip this step.
3. Navigate to the root directory and run npm install or to install the local dependencies listed in package.json.
4. Run gulp command.

Useful Commands

gulp dist command compiles and copies all files from ./src/* folder into ./dist/* folder and prepares production files. Basically, it copies whole complied assets into ./dist/* folder with minified theme css/js files. Under the hood it performs the following processes:

gulp build command prepares performance ready fully production files of your project into ./build/* folder by automatically detecting all used asset sources from HTML pages. Under the hood it performs the following processes: