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文件中的字體路徑不正確。我怎樣才能解決這個問題?