June 29, 2017

Gulp.JS – Reusable Project Patterns

Gulp is a powerful toolkit to help web developers save time by performing automated tasks on a per-project basis. It’s often used to do front end tasks like:

• Spinning up a NodeJS server or automate deployment of files
• With BrowserSync you can refresh a localhost page when saving changes to a file
• Using preprocessors like Sass or LESS
• Optimizing and concatenating assets like CSS, JavaScript
• Expand HTML by including template engines like Handlebars

This is by no means all it does, but using Gulp to help with some basic tasks can really help speed up your daily development work-flow. Let’s take a look at a minimal gulpfile.js file and setup some basic tasks that you would typically create when starting a new project.

Read More