Inspired by the response to my previous article, “Using Gulp in Your Web Design Workflow,” I created a tool that makes getting started with Gulp even easier.
Introducing Quench: The Gulp file generator. Quench lets you choose how you want Gulp to work for you—minimize your CSS, optimize your images, etc.—and creates the gulpfile.js and package.json files that you can add to your own project. Additionally, in supported browsers you can download the Gulp files along with an accompanying directory structure and starter templates.
This is very much a work in progress, so please email firstname.lastname@example.org with any feedback, bugs, or suggestions. It’s a tool I know I’ll be using and I want to make it work for you. Give it a try and let me know what you think.
How to Use Quench
- Visit quenchjs.com.
- Customize your Gulp options to best suit your project structure and needs.
- Either copy and paste or (in supported browsers) download the gulpfile.js and package.json files into your own project.
- With Node installed (see “Using Gulp in Your Web Design Workflow“), navigate to your project directory via the command line.
- Code away!