Yo – Rails Inspired App Generation – Bower



Yo – Rails Inspired App Generation – Bower

0 0


yeomanpres

Presentation on Yeoman (in particular Bower & Yo, with a side of Grunt)

On Github goodtwin / yeomanpres

Yeoman

Yo, Bower, and Grunt

Let's review these each on their own merits

Yo

Rails Inspired App Generation

Let's scaffold up some angular action.

Creating a generator

Docs are starting to appear

Bower

Manage Your Dependencies

Well this is embarrasing.

Bower is just package management.

Let's run bower to grab packages for our yo created project.

Bower doesn't look to solve how you load your script files.

require.config({
	//...

	paths: {
		// bootstrap additions
		'bootstrap.carousel' : 'bootstrap/carousel',
		'bootstrap.dropdown' : 'bootstrap/dropdown',
		'backbone.mutators': 'backbone/backbone.mutators',
		'bootstrap.modal' : 'bootstrap/modal',

		// jquery plugins
		'jquery.ui': 'jquery-ui-1.9.2.custom.min',
		'jquery.menu': 'jquery.ui.menu',
		'jquery.selectmenu': 'jquery.ui.selectmenu',
		'jquery.masonry' : 'jquery.masonry.min',
		'jquery.imagesloaded' : 'jquery.imagesloaded.min',
		'jquery.ajaxwrapper': 'plugins/jquery.ajaxwrapper',
		'jquery.timepickr' : 'jquery.timepickr',
});

Grunt

Building. You've seen it.

What I learned from the Gruntfile.js

litmus

Do this today stuff

WordPress action

Rails? Manage your /vendor

@ GoodTwin

static/md sites: yeoman as well. WordPress: Wordless

Example in the wild: 8bitomaha.com