Will McLean is a designer and artist working in the Central Coast of NSW where he lives with his wife and 2 children.

Will is a meticulous developer and favours simplicity and clarity within his code. He can’t stand writing things twice so searches for any way to automate. His experiments can be found in the Exercises section of this site.

Will designs within systems. No project is too small for a design system. He favours the unusual, if not, how can he progress? You can read about his work in the Case Studies section of this site.

Updated: November 1, 2017

This is a Knowledge Base post.

Specify package dependencies within the grunt-bower-concat task

I use bower and grunt-bower-concat in my projects.

I had an issue recently when trying to add Flexslider to my project using bower. After installing the console in my browser was saying that jQuery was not recognised. Flexslider was therefore not working.

The problem was that the bower_concat task was concatenating the packages in the wrong order.

I fixed this by following the instructions in the grunt-bower-concat readme file. See below:

Unfortunately not all Bower components list their dependencies. If components concatenate in the wrong order, use this option to manually specify dependencies for those components.

dependencies: {
'underscore': 'jquery',
'mygallery': ['jquery', 'fotorama']