So erstellen Sie ein Bündel mit Schluck ohne Verwendung von "Require" überall

Question

Vielen Dank für das Lesen. Ich bin neu zu schlucken, also entschuldige mich wenn es eine dumme Frage ist. Ich habe ein AngularJS Projekt mit der folgenden Ordnerstruktur:

app/ 
app.js 
modules/ 
    mod1/ 
    index.js 
    mod1.js 
    another.js 
    mod2/ 
    ... same structure as mod1 

Um ein Bündel zu erstellen mit browserify Ich benutze diese:

gulp.task('bundle', function() { 
    return browserify('app/app.js') 
     .bundle() 
     .pipe(vinylSource('bundle.js')) 
     .pipe(gulp.dest('public/js')); 
}); 

Um diese Arbeit zu machen, ich habe umfassen erfordern (‚MOD1‘) ..require ('ein anderer') und so weiter.

Ich muss immer sicherstellen, dass ich das Skript benötige, das ich verwenden muss.

Mein Ziel ist es, ein Paket zu erstellen, das alle Javascript-Dateien in meinem App-Ordner ab app.js enthält, ohne in Abhängigkeitskonflikte zu geraten und ohne dass ich require ('somefile') schreibe.

Answer 1

Sie können das bekommen, indem Sie nur das Plugin gulp-concat verwenden.

Sie geben nur die Suchpfade an. Da Sie angular verwenden und die Module vor allem anderen benötigen, würde ich zuerst die App, dann alle Moduldefinitionen, dann die restlichen Anweisungen und Controller usw. hinzufügen.

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 

gulp.task('app-js', function() { 
    return gulp.src([ 
     './app/app.js', 
     './app/**/mod*.js', 
     './app/**/*.js', 
    ]) 
    .pipe(concat('bundle.js')) 
    .pipe(gulp.dest('public/js')) 
});