Introducción a bower y requireJS

Instalar node js,
Instalar Bower y Require,
sudo npm install -g require bower
Crear dos documentos de configuración

.bowerrc, donde se especifica el directorio vendor

bower.js: especificamos el nombre y versión de nuestra aplicación así como las dependencias javascript

En index html cargamos require y definimos el main:

creamos el fichero main.js con la siguiente configuración
require.config(
paths: {
“jquery”: “vendor/jquery/jquery”,
“underscore”: “vendor/underscore-amd/underscore”,
“backbone”: “vendor/backbone-amd/backbone”,
}
);

require([‘views/app’],function (AppView) {
new AppView
});

Creamos el fichero app.js con la vista

define([‘backbone’], function(Backbone){
var App = Backbone.View.extend({
initialize: function() {
console.log(“wahoo”);
}
});
return App;
}
);

 

 

 

BUILD

Creamos la carpeta build

y el fichero app.build.js

({
appDir: “../”,
baseUril: “scripts”,
dir: “../../dist”,
mainConfigFile: “../scripts/main.js”,
name: “main”,
optimizeCss: “standard”
})

Ejecutamos

r.js -o app/build/app.build.js

el cual nos crea un main.js con todos los scripts

Para agilizar y eliminar carpetas creamos un ejecutable

app/build/build.sh

que hará:

r.js -o app/build/app.build.js
cd dist
rm -rf build build.txt scripts/views scripts/models scripts/collections

 

 

 

 

Vía:http://www.youtube.com/watch?v=USk1ie30z5k

https://github.com/NETTUTS/RequireJS-and-Backbone-Starter

- See more at: http://smultron.es/#sthash.M4A0mxlW.dpuf