gulpタスクブラウザがフォントを見つけられなかった後

Question

bower_componentからフォントをコピーするタスクを実行すると、ブラウザは正しいパスと混同されているようです。

この

は、フォントの一気の作業です：

// Fonts 
gulp.task('fonts', function() { 
    return gulp.src(bowerDir + '/open-sans-fontface/fonts/**/*.{eot,svg,ttf,woff,woff2}', function (err) {}) 
     .pipe(gulp.dest(dest + 'fonts')); 
}); 

そして、これはスタイルのための一気の作業です：私は一口ファイルを調整するにはどうすればよい

// Styles 
gulp.task('styles', function() { 
    return plugins.sass(src + 'styles/main.scss', { 
      style: 'expanded', 
      loadPath: [ 
      // './resources/sass', 
      bowerDir + '/bootstrap-sass/assets/stylesheets', 
      bowerDir + '/font-awesome/scss', 
      bowerDir + '/open-sans-fontface' 
      ] 
     }) 
     .pipe(plugins.autoprefixer('last 2 version')) 
     .pipe(gulp.dest(dest + 'styles')) 
     .pipe(plugins.rename({ suffix: '.min' })) 
     .pipe(plugins.cssnano()) 
     .pipe(gulp.dest(dest + 'styles')) 
     .pipe(reload({stream: true})); 
     // .pipe(plugins.notify({ message: 'Styles task complete' })); 
}); 

ので、作成したCSSファイルのルックス正しい経路のために？

Answer 1

gulp-replaceを使用できます。例：

gulp.task('styles', function() { 
    return gulp.src('src/styles/main.scss') 
    .pipe(plugins.sass()) 
    .pipe(plugins.replace('original-path/fonts/', 'new-path/fonts/')) 
    .pipe(gulp.dest('dist')); 
}); 

bootstrap original-path/fonts/のフォントの下にstylesタスクを実行した後にそのパスがnew-path/fonts/に置き換えられました。