Introduction

10,000 foot view

A task runner

5,000 foot view

A tool to automate and enhance your workflow

1,000 foot view

A tool that can do (but not limited to):

• Compress front-end resources
• Concatenation
• SASS to CSS
• Transpiling - ES5+ to ES5
• Image optimization
• Live reload

Implementation

Building blocks

• task - Unit of work for the repetitive common activities
• src - Source from which files need to be processed
• pipe - Adds a function to the Node stream (Excellent article on this topic florian.ec)
• dest - Dumping zone
• watch - Monitor

Impact

Towards Better UX

• Automation - Automated front-end workflow in place
• Speed - Faster page loads
• Requests - Reduced number of requests
• Cache - Effective cache purging mechanism