2014-12-29 48 views
1

我目前在Laravel項目中使用Bower和Gulp來管理前端依賴項。我正在使用Bower下載私有資產文件夾中的所有bower依賴項,然後使用Gulp將它們推送到公用文件夾。如何使用Gulp改變SASS路徑變量?

這裏是我的gulpfile.js

var gulp  = require('gulp'); 
var flatten  = require('gulp-flatten'); 
var sass  = require('gulp-ruby-sass'); 

gulp.task('fonts', function() { 
    return gulp.src('app/assets/vendor/**/*.{ttf,woff,eof,svg}') 
    .pipe(flatten()) 
    .pipe(gulp.dest('.tmp/fonts')) 
    .pipe(gulp.dest('public/fonts')); 
}); 

gulp.task('css', function() { 
    return gulp.src('assets/vendor/open-sans-fontface/open-sans.scss') 
     .pipe(sass({sourcemap: true, sourcemapPath: '../scss'})) 
     .on('error', function (err) { console.log(err.message); }) 
     .pipe(gulp.dest('public/css')); 
}); 

gulp.task('default', function(){ 
    gulp.run('fonts'); 
    gulp.run('css'); 
}); 

正如你所看到的,我使用的是一飲而盡,扁平化的所有字體文件移動到/公/字體 根現在,這個問題我面臨的是使用gulp-ruby-sass生成的CSS文件中的字體路徑不正確。我怎樣才能解決這個問題?

回答