Déploiement de bower_components sur github

Question

Je suis en train de créer quelque chose de simple et de pousser ensuite vers Github. J'utilise Bootstrap, Jquery et Tether, tous dans mon dossier bower_components. Est-ce que je ne fais que pousser ce dossier avec mes fichiers HTML ou utiliser Gulp pour faire de la magie et copier les fichiers nécessaires dans un dossier 'src' avec le reste des fichiers 'live'?

Answer 1

Ok, je l'ai compris ... J'utilise gulp pour concaténer et déplacer les fichiers de bower_component dans les dossiers correspondants. Il est un peu assez simple de code et je suis sûr qu'il y d'autres moyens beaucoup plus efficaces de le faire, mais voici le code que je l'ai utilisé:

// 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']); 

Je suis aux premières étapes de l'apprentissage Gulp donc s'il sont de meilleurs moyens de le faire, faites le moi savoir