Gulp를 사용하여 SASS 경로 변수를 변경하는 방법은 무엇입니까?

Question

저는 프런트 엔드 종속성을 관리하기 위해 Laravel 프로젝트에서 Bower와 Gulp를 모두 사용하고 있습니다. Bower를 사용하여 개인 자산 폴더에있는 모든 bower 종속성을 다운로드 한 다음 Gulp를 사용하여 공용 폴더로 푸시합니다.

은 여기 내 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'); 
}); 

당신이, 내가 사용 알 수 있듯이, 이제 /공공/글꼴 의 루트에 모든 글꼴 파일을 이동하는 문제를 꿀꺽을-평평하다고 I gulp-ruby-sass를 사용하여 생성 된 CSS 파일의 글꼴 경로가 올바르지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

sass 파일과 함께 제공되는 Gulp 파일과 함께 기본 내장 옵션이없는 경우 Gulp 대체 패키지를 사용해 볼 수 있습니다.

https://www.npmjs.com/package/gulp-replace