Bower components and vendor folder about generator-ionic HOT 3 CLOSED

Thanks Jens!

When you install bower components are you using bower install --save-dev (this will updated your bower.json file) ?

The bower-install task in our Gruntfile will inject your dependencies inside the bower:css (https://github.com/diegonetto/generator-ionic/blob/master/templates/views/index.html#L14) and bower:js (https://github.com/diegonetto/generator-ionic/blob/master/templates/views/index.html#L40) usemin blocks.

As for the vendor files, you need to manually add any CSS and JS files inside the usemin build blocks but outside the bower blocks (since bower will overwrite that section).

If you look at the lines linked above you should see comments for where exactly to put your external vendor assets not managed by bower. If you properly set up your assets inside the usemin blocks, the build process will be able to handle your vendor files properly.

from generator-ionic.

Would be useful if there were docs showing how to use bower like this. I know for myself, this was one of the first yeoman generators I've ever used. So I was completely lost as to using bower install --save-dev to update bower.json. I thought bower install and manually adding the dep in index.html was the right way, but would get destroy by grunt.

from generator-ionic.

Bower's bower.json follows similar conventions to Node's package.json. Bower isn't tied to Yeoman, but if this was your first exposure to Bower then great! Its awesome for managing front-end libraries as packages.

I'll include a section in the docs that mention this in order to assist newcomers.

from generator-ionic.