Usando o Gulp para criar o projeto requireJS - gulp-requirejs
Estou tentando usargulp-requirejs para construir um projeto de demonstração. Espero que o resultado seja um único arquivo com todas as dependências js e o modelo incluído. Aqui está o meu 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']);
O arquivo de compilação acima funciona sem erros, mas o resultado.js contém apenas o conteúdo de main.js e config.js. Todos os arquivos de exibição, jquery, sublinhado, backbone não estão incluídos.
Como posso configurar o gulp-requirejs para colocar todos os modelos de js em um arquivo js? Se não for o caminho certo, você pode sugerir outro 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: '/' });
});
});
A saída é apenas uma combinação desses dois arquivos, o que não é o que eu esperava.