덤프와 부트 스트랩 포함

Question

나는 gulp를 사용하여 프로젝트를위한 javascript와 css를 빌드하고 부트 스트랩을 필요로하는 프로젝트 작업을하고 있습니다. 가져 오기가 부분적으로 작동하는 동안 페이지로드시 많은 글꼴 관련 오류가 발생합니다. 이것은 내가 뭘하려 :

gulp.task('scripts', function(){ 
    pump([ 
     gulp.src(
      [ 
       'path/to/jquery.js', 
       'bower_components/bootstrap/dist/js/bootstrap.min.js', 

.... .... 다시

gulp.task('sass', function() { 
    return gulp.src(
     [ 
      'bower_components/bootstrap/dist/css/bootstrap.css', 

, 기본 부트 스트랩 스타일과 자바 스크립트 프로젝트에 포함 된 것으로 보인다 동안, 나는 점점 오류입니다 아래의 것과 유사합니다. 어떤 아이디어가 이것을 해결하는 방법?

TS parsing error: invalid version tag 
(index):1 Failed to decode downloaded font: http://my.domain.com/fonts/glyphicons-halflings-regular.woff2?448c34a56d699c29117adc64c43affeb 

Answer 1

실제 설정에 따라 런타임시 호출되도록 부트 스트랩 글리프 아이콘을/dist/font에 추가해야합니다. gulp-sass를 사용할 때 bootstrap-sass 빌드주기에 포함되지 않으므로.

package.json

// //////////////////////////////////////////////// 
// 
// CONFIG 
// 
// jsConcatFiles => list of javascript files (in order) to concatenate 
// // ////////////////////////////////////////////// 

var config = { 
    jsConcatFiles: [ 
     './src/scripts/js/jquery.js', 
     './src/scripts/js/bootstrap.js',  
    ], 

}; 


var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    newer = require('gulp-newer'), 
    autoprefixer = require('gulp-autoprefixer'), 
    concat = require('gulp-concat'), 
    uglify = require('gulp-uglify'), 
    rename = require('gulp-rename'), 


// //////////////////////////////////////////////// 
// Scripts Tasks 
// /////////////////////////////////////////////// 

gulp.task('scripts', function() { 
    return gulp.src(config.jsConcatFiles) 
    .pipe(sourcemaps.init()) 
    .pipe(concat('all.js')) 
    .pipe(gulp.dest('src/scripts/js')) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(uglify()) 
    .pipe(gulp.dest('public_html/scripts/js/')) 
    .pipe(reload({stream:true})); 
}); 


// //////////////////////////////////////////////// 
// Styles Tasks 
// /////////////////////////////////////////////// 

gulp.task('styles', function() { 
    gulp.src('src/scripts/scss/styles.scss') 

     .pipe(rename('all-styles.css')) 
     .pipe(rename({suffix: '.min'})) 
     .pipe(gulp.dest('public_html/scripts/css')) 
     .pipe(reload({stream:true})); 
}); 





// //////////////////////////////////////////////// 
// Watch Tasks 
// // ///////////////////////////////////////////// 

gulp.task ('watch', function(){ 
    gulp.watch('src/scripts/scss/**/*.scss', ['styles']); 
    gulp.watch('src/scripts/js/**/*.js', ['scripts']); 
}); 


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

"devDependencies": { 


"gulp": "^3.9.1", 

"gulp-autoprefixer": "^3.1.1", 

"gulp-concat": "^2.6.0", 

"gulp-imagemin": "^3.0.3", 

"gulp-newer": "^1.2.0", 

"gulp-rename": "^1.2.2", 

"gulp-sass": "^2.3.2", 

"gulp-sourcemaps": "^1.6.0", 

"gulp-uglify": "^2.0.0" 

}, 

Gulpfile 또한/DIST/글꼴에 glyphicons을 포함한다.

glyphicons-종족을-regular.eot

가 glyphicons-종족을-regular.svg

glyphicons-종족을-regular.ttf

glyphicons-종족을-regular.woff

glyphicons- halflings-regular.woff2