How I Use Gulp.js In My Web Development Workflow

Gulp.js is a not so new toolkit built using JavaScript that helps automate your workflow as a developer. Whether you do front end development, back end development or even mobile app development Gulp can help make your workflow scale fast.

Tasks

The general idea of Gulp is to separate different functionalities into their own task. Within each task, you can interact with your code be it the compilation, minification, optimization or just simply refreshing your browser when you make a change.

A common trend I see is grouping different types of code into their own tasks. For example, I compile my Sass code into traditional CSS. Rather than mixing my JavaScript gulp tasks in the mix, it's far easier to separate the two.

For an in-depth overview on Gulp as a whole, I invite you to read a previous article where I cover all the basics. (https://web-crunch.com/getting-to-know-gulp/)

Download Github Repo of Final Project: https://github.com/justalever/gulpTutorial

Check out the original blog post: https://web-crunch.com/how-i-use-gulp-web-development-workflow/

Check out my blog and subscribe! https://web-crunch.com

Need a hand with your next project? Hire my agency: https://coupleofcreatives.com ... https://www.youtube.com/watch?v=0jmNon-R3II