2017-05-02 10 views
0

나는 간단한 것을 작성한 후 Github으로 푸시하는 중입니다. 나는 bower_components 폴더에있는 Bootstrap, Jquery 및 Tether를 사용하고 있습니다. 나는이 폴더를 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']); 

그렇다면이 이 일을하는 더 좋은 방법입니다.