Usando Gulp para construir el proyecto requireJS - gulp-requirejs
Estoy tratando de usargulp-requirejs para construir un proyecto de demostración. Espero que el resultado sea un solo archivo con todas las dependencias js y la plantilla incluida. Aquí está mi gulpfile.js
var gulp = require('gulp');
var rjs = require('gulp-requirejs');
var paths = {
scripts: ['app/**/*.js'],
images: 'app/img/**/*'
};
gulp.task('requirejsBuild', function() {
rjs({
name: 'main',
baseUrl: './app',
out: 'result.js'
})
.pipe(gulp.dest('app/dist'));
});
// The default task (called when you run `gulp` from cli)
gulp.task('default', ['requirejsBuild']);
El archivo de compilación anterior funciona sin errores, pero el resultado.js solo contiene el contenido de main.js y config.js. Todos los archivos de vista, jquery, subrayado, backbone no están incluidos.
¿Cómo puedo configurar gulp-requirejs para poner cada plantilla js en un archivo js? Si no es el camino correcto, ¿puede sugerirme otro método?
Editar
config.js
require.config({
paths: {
"almond": "/bower_components/almond/almond",
"underscore": "/bower_components/lodash/dist/lodash.underscore",
"jquery": "/bower_components/jquery/dist/jquery",
"backbone": "/bower_components/backbone/backbone",
"text":"/bower_components/requirejs-text/text",
"book": "./model-book"
}
});
main.js
// Break out the application running from the configuration definition to
// assist with testing.
require(["config"], function() {
// Kick off the application.
require(["app", "router"], function(app, Router) {
// Define your master router on the application namespace and trigger all
// navigation from this instance.
app.router = new Router();
// Trigger the initial route and enable HTML5 History API support, set the
// root folder to '/' by default. Change in app.js.
Backbone.history.start({ pushState: false, root: '/' });
});
});
La salida es solo una combinación de estos dos archivos, que no es lo que esperaba.