Two weeks ago, I published a Grunt.js boilerplate with common tasks for web designers. This week I’m trying out the new kid on the block, gulp. Gulp is also a node-based task manager, but it works a bit different than Grunt. It works with streams and pipes, making it very fast and easy to understand. I strongly recommend you have a look at this eye-opening presentation on gulp to better understand how it works and why it’s here to stay.
My gulp boilerplate has more or less the same features as my Grunt boilerplate. To mention a few:
- OOCSS and SMACSS (Scalable and Modular Architecture for CSS) ready infrastructure
- Compile Sass files
- Autoprefix styles (you only need to write the web-standard version)
- Compass support
- Compiles and lints Coffee scripts files
- JsLinter
- CSS and JS minification
- Compiles Jade
- Image optimization
- Live-reload (Only works with the appropriate live-reload browser plugin. If you use Chrome you can use livereload chrome extension. For other browsers have a look at livereload browser extensions)
If you want to learn more about how gulp works, feel free to have a look at the repository. Also if you have any recommendations or comments feel free to pull, fork, star etc. 😉