2017-05-02 1 views
0

私は単純なものを作成してから、Githubにプッシュしています。私はBootstrap、Jquery、Tetherを使用していますが、これらはすべてbower_componentsフォルダにあります。私はこのフォルダを自分のHTMLファイルに長くプッシュするか、Gulpを使っていくつかの魔法を実行し、必要なファイルを 'src'フォルダにコピーします。githubへのbower_componentsのデプロイ

答えて

0

私はそれを理解しました... gulpを使用してファイルを連結し、bower_componentから対応するフォルダに移動しています。これは、コードのかなり単純なビットだと私は確信しているが、これを行うの他のはるかに効率的な方法が、ここで私が使用したコードです。もしそうであればそこにがぶ飲みを学習の初期段階で、私は

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

は、これを行う良い方法です、私に知らせてください

関連する問題