A few months ago, I started to research build processes to help improve the pattern we currently follow at work. During my research I somehow ended up configuring Grunt and discovered the true awesomeness it has to offer. Unfortunately, so far I haven’t managed to integrate it into our workflow, but for my after-hours development, it has become an integral part of the way things roll.
If you haven’t investigated Grunt, stop reading and start now.
If you are already on the Grunt train then hopefully you will find some of the following plugins handy.
Run predefined tasks whenever watched file patterns are added, changed or deleted.
A grunt task to automate moving files to/from Amazon S3.
Universal CSS styleguide generator.
Make lossless optimisation of images part of your automated build process.
Start a static web server.
Honorable mentions that are semi psychedelic:
- Complexity – Evaluates code maintainability using Halstead and Cyclomatic metrics
- Plato – Generate complexity analysis reports with plato
- QUnit – Run QUnit unit tests in a headless PhantomJS instance
Not so psychedelic but still awesome plugins:
- Shell – Run shell commands
- Sass – Compile Sass to CSS
- CSSmin – Compress CSS files
- Uglify – Minify files with UglifyJS
- JShint – Validate files with JSHint.
The whole Grunt plugin ecosystem is an existing and rapidly developing environment. I’m sure the future is going to be crazy!
If you have any favourite plugins, be sure to either send us a tweet or comment below.
Want to become a better web developer?
Join over 20,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.