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
About this entry
You’re currently reading “Introducción a bower y requireJS,” an entry on Smultron POTENCIA !!
- Published:
- 12.01.13 / 3am
- Category:
- General, nodejs, Programacion
No comments
Jump to comment form | comments rss [?] | trackback uri [?]