Definition: Gulp is a task runner which helps you to automate tasks, some of popular ones are: transpiling, minification, linting and bundling.  As per my experience it has a huge list of packages to automate any task.

This is an open source toolkit. Gulp uses very simple configuration compare to Grunt. But In this blog I do not want to compare two excellent tools. I hope you have made your choice. I will mostly focus on implementation part.

There are multiple ways to setup gulp for your project. But I always had curiosity to try on my own and this was one of the inspiration to come up with this blog.

Enough of theory lets deep dive into implementation. You can also do this with me simultaneously. But at any point if you come across any issue then please feel free to comment here. I will be glad to resolve them for you.

Prerequisite:

Make sure you have latest version of NodeJS (Recommended version) installed.

You can check this through CLI:

node -v
npm -v

If you want to know more about npm refer to this link. https://blog.prowareness.com/2016/10/taking-a-deep-dive-into-npm/  

Installation: Please install gulp-cli (for running the commands)

npm install gulp-cli -g

I have added this under package.json (Look for Project setup)  so that it is installed in any environment.

Congratulations you have installed it successfully! Let’s begin with automating. For this we need to have a basic folder structure.

Project Setup:

I always prefer to use Folder-by-feature structure since this makes it easily testable, maintainable and scalable. For this blog, I will keep it simple structure.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

*