Bereitstellen von bower_components für GitHub

Question

Ich bin gerade dabei, etwas Einfaches zu erstellen und dann zu Github zu wechseln. Ich benutze Bootstrap, Jquery und Tether, die alle in meinem bower_components-Ordner sind. Dränge ich diesen Ordner einfach mit meinen HTML-Dateien oder benutze Gulp, um etwas Magie zu machen und kopiere die notwendigen Dateien in einen, sagen wir, einen 'src'-Ordner mit dem Rest der' Live'-Dateien?

Answer 1

Ok Ich habe es herausgefunden ... Ich benutze Schluck zum Verketten und verschiebe die Dateien von bower_component in entsprechende Ordner. Es ist ein ziemlich einfaches Stück Code, und ich bin sicher, dass es andere viel effizientere Wege, dies zu tun, aber hier ist der Code, den ich verwendet habe:

// include gulp 
var gulp = require('gulp'); 

// include plugins 
var concat = require('gulp-concat'); 

// concatenate js files 
gulp.task('scripts', function() { 
    return gulp.src(['bower_components/**/dist/*.min.js', 'bower_components/**/dist/js/*.min.js', 'bower_components/tether/dist/js/tether.min.js']) 
    .pipe(concat('plugins.js')) 
    .pipe(gulp.dest('js')); 
}); 

// concatenate css files 
gulp.task('styles', function() { 
    return gulp.src(['bower_components/bootstrap/dist/css/*.min.css', 'bower_components/font-awesome/css/*.min.css']) 
    .pipe(gulp.dest('css')); 
}); 

// move font files 
gulp.task('fonts', function() { 
    return gulp.src(['bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.*', 'bower_components/font-awesome/fonts/fontawesome-webfont.*']) 
    .pipe(gulp.dest('fonts')); 
}); 

// default task 
gulp.task('default', ['scripts', 'styles', 'fonts']); 

ich in der Anfangsphase bin Gulp lernen so, wenn es sind bessere Möglichkeiten, dies zu tun, lass es mich wissen