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.